canvas和svg

1. canvas
   1.canvas是由js动态生成的。
   2.基于位图（像素）,不要随意放大缩小。
   3.修改后会重绘。
   4.canvas编写过程。
   5.切记！canvas的样式宽高一定要写在标签里，如果写在css里就会导致画布的拉伸，从而失真！
   6. canvas 对象的 getContext 方法返回一个具有很多绘图功能的对象，这是一个绘图环境，使用这个对象就可以操作 canvas 元素进行绘制。
2. svg
   1.svg是由xml静态描绘。
   2.基于矢量（公式），不会失真。
   3.修改后不会重绘。