svg和canvas的区别

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