svg 绘制

svg 和canvas的区别

svg：矢量图，使用html元素绘制，适合大面积贴图

canvas：位图/像素图，使用js操作,适合小面积绘图、动画效果、h5中的小游戏

利用svg 绘制一个国际象棋棋盘

<svg> </svg>

svg{
   
   
   	width: 800px;
    height: 800px;
    border: 1px solid;
}

        var svg = document.getElementsByTagName("svg")[0]