canvas标签使用来进行绘图的标签,但本身不具有绘图的功能,只可以提供一个大小可自定义的画布,而绘图需要JavaScript脚本进行。
下面是一个简单的canvas实例
//创建一个id为myCanvas的canvas标签
1 var canvas=document.getElementByIdx_x('myCanvas');//先通过js来抓取到这个canvas标签
2 var ctx=canvas.getContext('2d');//canvas.getContext('2d')是进行绘图的固定语法,意思是选取2d的绘图模式,并且返回2d绘图模式的api
3ctx.fillStyle='#FF0000';//fillStyle是对画布绘图方式的选择,可以是css颜色,也可以使渐变或图片
4 ctx.fillRect(0,0,80,100);//fillRect是有0,0和80,100这两个点定义的矩形,并且根据fillstyle的模式在这个定义的矩形上面进行绘图
浙公网安备 33010602011771号