SVG 与 Canvas两者间的区别

• SVG是通过 XML 绘制。

  Canvas通过 js 绘制。

• SVG绘制出来的每一个图形的元素都是独立的DOM节点，能够方便的绑定事件或用来修改。

  Canvas输出的是一整幅画布。

• Canvas绘制的方式，是通过 js 逐像素渲染的。也就是说，它绘制一个复杂的图形和一个简单的图形的性能是差不多的。

  SVG 是通过 XML 的方式渲染。它的本质是DOM，而复杂的图形，就会降低其渲染性能。

• SVG输出的图形是矢量图形，放大不会失真。

  Canvas输出标量画布，就像一张图片一样，放大会失真。

实时效果反馈

1.下列说法错误的是：

A Canvas使用js绘制，SVG使用XML绘制

B  可以在 js当中获取Canvas绘制的图形对应的DOM

答案

1=>B