今天要说下
Canvas的功能虽然很强大,但是如果它实现的效果,和当前HTML5已有的元素实现的效果一样,那当然还是直接使用已有的元素,执行效率上是会快一些的,如果canvas元素不被某些浏览器支持,那canvas就必须要要做好兼容性考虑,在canvas内定义一段替代内容,替代内容可以是一段说明文字或是一张图片。Canvas的一般样式,如边框,边距,都可以使用css语法来定义,其内部添加的文字,样式默认同canvas元素一样。
下面说说canvas API的使用,先从一个例子说起吧,在canvas中绘制一条对角线:先在html中放入一个canvas元素
function drawDiagonal(){
}
window.addEventListener("load",drawDiagonal,true);
效果如下:
虽然比较简单,但是展示了使用HTML5 canvas API的重要流程。首先通过ID
Canvas的强大功能远不止这些,当然限于篇幅,这里说不了很多,推荐大家一本书《HTML5高级程序设计》写的很详细,适合新手细细品读。
作者 wungking