svg和convas画图

 svg和convas画图    
             svg
             不依赖分比率
             不能嵌入图片和文字
             不能通过事件操作，但是可以通过css执行动画
             矢量图形，放大缩小不失真，渲染能力强
             适合做图标，地图，动画
             canvas
             依赖分比率
             可以放置图片和文字
             渲染能力弱
             适合做3d动画，游戏，3d地图，事件操作动画等
      svg画图
          画线
            <line x1="0" y1="100" x2="200" y2="100" stroke-width=3 stroke="pink"></line>
            x1 y1起始点坐标
            x2 y2终止点坐标
            stroke-width线体宽度
            stroke线体颜色

          画矩形
             <rect x="50" y="50" width="200"