Question

HTML中SVG和CANVAS的区别

我知道SVG和CANVAS两样都可以在网页上作图，那么它们有啥显著的区别吗？

另外我想问：比如我先作一个圆，然后在后期要去调整大小和位置，用那个编写程序来实现这个过程更为方便？望大神解答
补充问下：这两样，那个里面有类似图层的东西？

Answer 1

区别一：
svg绘制出来的每一个图形的元素都是独立的DOM节点，能够方便的绑定事件或用来修改。canvas输出的是一整幅画布；

区别二：
svg输出的图形是矢量图形，后期可以修改参数来自由放大缩小，不会是真和锯齿。而canvas输出标量画布，就像一张图片一样，放大会失真或者锯齿。

Answer 2

1) svg绘制出来的每一个图形元素都是独立的DOM节点，可方便后期绑定事件或修改，而canvas输出的是一整幅画布；
2) svg输出的图形是矢量的，后期可以修改参数来自由放大缩小，无失真，canvas输出标量画布，就像一张图片一样。

追问

谢谢

Answer 3

svg是矢量图，canvas是点阵图