canvas画布

画布canvas
1)什么是画布：
就是html中的一个标签：canvas
2)如何使用？
通过JS来使用
3)JS如何与canvas关联起来
（1）通过getContext("2d")方法来给画布配置画笔，使其具备绘画功能；
var ctx = canvas.getContext("2d") _创建画笔
（2）通过fillStyle/strokeStyle属性来设置画笔的颜色；
fillStyle：设置的是填充体的颜色；
strokeStyle：设置的是线条的颜色；
（3）通过具体的绘图方法来实现图形的绘制：
fillRect()：用来绘制矩形的；
有四个参数，第一和第二个参数，表示的是下笔的坐标值；第三和第四个参数表示的是所绘制矩形的宽和高；
strokeRect()：用来绘制矩形边框线的；
参数与fillRect()方法一致；
（4）createLinearGradient() 方法创建线性的渐变对象
context.createLinearGradient(x0,y0,x1,y1);
第一个值为渐变开始点的X坐标，第二个值为渐变开始点的Y坐标，第三个值为渐变结束点的X坐标，第四个值为渐变结束点的Y坐标。

原文链接:https://www.cnblogs.com/msw0803/p/11112525.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有