HTML5绘图（canvas元素）

html 5绘图(canvas元素)

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);绘制矩形边框