canvas就像一张画纸本身并没有什么功能，常用的属性就是height和width来设置画纸的宽和高，要想绘图需要三步：
获取元素的dom对象canvas 调用canvas的getcontext()方法获取canvasrenderingcontext2d对象 调用canvasrenderingcontext2d对象的丰富方法绘图
基本代码如下：
canvas绘图
关于canvasrenderingcontext2d对象的细节和方法感兴趣可以打开下面的网页：
https://www.w3school.com.cn/jsref/dom_obj_canvasrenderingcontext2d.
canvasrenderingcontext2d对象绘制几何图形的方法大致分为两类：
fillrect(x,y,width,height); 填充矩形区域 context.strokerect(x,y,width,height);绘制矩形边框
如对本文有疑问， 点击进行留言回复！！
深入理解CSS background-blend-mode的作用机制
我要评论
网友评论