HTML5中的canvas元素是该技术标准中备受关注的功能之一,具备强大的图形处理能力,支持绘制路径、矩形、圆形、文字以及嵌入图像等多种操作,为网页视觉呈现提供了丰富可能。
1、 启动Sublime Text程序
2、 新建基础格式
3、 在页面的 body 部分添加一个 canvas 元素,设置其 id 为 mycanvas,并指定宽度为 500,高度为 300。
4、 为便于CSS精确控制,id用于标识元素,width和height分别设置canvas的宽度与高度。
5、 此时已创建一个透明背景的画布,只需为其设置背景色或背景图,即可在浏览器中清晰显示。
6、 若低版本浏览器不支持canvas,可在标签内添加一段提示文字,这样在不支持的浏览器中会直接显示该文字提示。
评论
更多评论