HTML5的canvas标签用于绘制图像(通过脚本,通常是 Javascript)。不过,canvas元素本身并没有绘制能力(它仅仅是图形的容器)必须使用脚本来完成实际的绘图任务。
下面,具体总结了一下使用画布canvas的步骤:
画布:
canvas
在页面上规划出一块空间,canvas标签,通过javascript控制画布完成绘制
1.获取画布
var canvas=document.getElementById("");
2.获取上下文对象 (获取画笔)
var cx=canvas.getContext(“2d”);
3.设置画笔样式
cx.fillStyle=‘red'; cx.strokeStyle=‘blue';
4.开始绘制
下面是对于canvas使用,绘制一个简单钟表的小例子:
document
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持考高分网。



