文章目录
提示:以下是本篇文章正文内容,下面案例可供参考
一、什么是canvas?
由js代码实现功能,在 <canvas>
元素上进行绘图的一种绘图API。
<canvas>
标签只是图形容器,必须使用脚本来绘制图形。
如一些数据分析表,写特效,写网页游戏,地图API等都会用到canvas
canvas自带两个属性值:width和height,为canvas 绘制区域的宽高
注意:不要直接使用style给canvas设置宽高(元素的大小)
二、Canvas接口
1. 方法
(1)getContext () 返回绘制模型
参数为2d,返回CanvasRenderingContext2D ,二维平面绘图
<body>
<canvas id="canvas"></canvas>