canvas介绍（画布）

　　canvas（画布）主要是位图　　svg（矢量图）

　　canvas标签，必须要写的3个属性 id　　width　　height　　

　　为什么不再style中设置width和height呢？

　　　　因为这设置width和height话会有位移差；

　　　　位移差：在画布里面的元素有偏差；

　　js中每次使用canvas，都要设置一个绘图环境，然后会得到一个对象，然后对其进行操作；

　　var c=document.getElementById("") canvas标签的id值；

　　var d=c.getContext("2d")　　设置绘图属性；

　　然后得到d这个对象，就可以对其进行操作元素里面的属性和方法；

　　方法和属性(带()的是方法，不带的是属性)：

　　　　fillRect()：绘制一个填充方块，默认颜色是黑色； 参数：x,y,w,h    (坐标和宽高)

　　　　fillStyle：填充颜色  属性值：想要的颜色；

　　　　strokeRect()：绘制边框的方框； （如果绘制边框的话，会有2px的偏差，所以设置坐标的话需要在原有的基础上加上0.5），参数同fillRect()

　　　　lineWidth：边框粗细；

　　　　strokeStyle：线条颜色；

　　　　lineJoin：边框圆角 属性值：round 圆，　　

　　　　lineCap：线条圆角；

　　　　绘制线条

　　　　　　moveTo()：绘制线段的起点　　参数  x,y  　坐标位置；

　　　　　　lineTo()：绘制线段的领点　　（没有终点一说）

canvas介绍（画布）

原文：https://www.cnblogs.com/shangjun6/p/10875999.html