Canvas标签,HTML中canvas

　　在HTML页面的正文中，您可以使用如下代码添加画布标记：复制代码代码如下：

　　画布id=canvasOne 宽度=500 高度=300

　　您的浏览器不支持HTML5画布。

　　/画布

　　注意：对于canvas，不允许以下写法：复制代码如下：

　　画布id=canvasOne 宽度=500 高度=300 /

　　让我们看看上面的代码实际上做了什么。画布标签有3个主要属性，包括：

　　1 .身份证.我们可以在JavaScript代码中引用这个带有id值的canvas标签。在上面的代码中，id值是canvasOne。

　　2 .宽度。画布的宽度，以像素为单位。在上面的代码中，宽度值是500像素。

　　3 .身高。画布的高度，以像素为单位。在上面的代码中，高度值是300像素。

　　在起始标签画布和结束标签画布之间，我们可以放置任何文本；当打开HTML页面的浏览器不支持Canvas时，该文本将显示在Canvas标签所在的位置。在上面的代码中，我们使用的文本是“您的浏览器不支持html 5 canvas。”。

　　使用文档对象引用JavaScript中的画布元素

　　加载HTML页面时，文档对象引用页面中的所有元素，所以我们可以用DOM引用上面代码中定义的canvas。

　　我们需要Canvas对象的引用，这样才能知道用Canvas接口做的画在哪里显示。

　　首先，我们定义一个名为theCanvas的变量来保存Canvas对象的引用。

　　然后我们调用document对象的getElementById()函数，将传入的参数设置为canvasOne(HTML页面中canvas标签的HTML id)得到Canvas对象：复制代码如下：

　　var the canvas=document . getelementbyid( canvasOne )；

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。