canvas教程

html5的canvas元素使用方法介绍(画矩形、画折线、圆形)

字号+ 作者:H5之家 来源:H5之家 2015-11-11 12:17 我要评论( )

Canvas一般是指画布,最近对用html5写游戏比较感兴趣,所以简单的用了一下Canvas。 之前接触Canvas是在silverlight和wpf上用到过他,在silverlight上Canvas是一

Canvas一般是指画布,最近对用html5写游戏比较感兴趣,所以简单的用了一下Canvas。

之前接触Canvas是在silverlight和wpf上用到过他,在silverlight上Canvas是一个绝对定位的容器,里面可以放任何控件。我们通过他可以构建画布、图形应用、GIS应用等。

在html5中,canvas是一个新增的标签:

复制代码

代码如下:


<canvas></canvas>


他有基本的html标签的所有属性,一样可以给他设置style。


复制代码

代码如下:


<canvas></canvas>
<style>
canvas{width:400px;height:400px;background:#000;}
</style>

<canvas></canvas>
他还有一个特定的attribute:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评