canvas 与svg 的区别
canvas是画布。位图
不要在style中给canvas设置宽高。会有位移差
var c=document.getElementById("c1");
//给c设置一个绘图环境,得到的是一个对象
var can=c.getContext("2d");
svg svg是矢量图
svg绘制矢量图canvas用于绘制位图
svg使用xml格式绘制图形
svg要有一个根节点,叫svg标签,相当于html
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" /></circle>
<svg>