在HTML页面中添加画布标记的示例
本文主要介绍了在HTML页面中添加画布标签的例子。本文给出了示例代码，并解释了一些重要的属性和JS访问方法。在HTML页面中，您可以向以下代码添加标签：
复制代码代码如下所示：
您的浏览器不支持HTML5画布。
对于画布，以下文字是不允许的：
复制代码代码如下所示：
让我们看看上面的代码做了什么。标签有3个主要属性，包括：
1.id.we可以参考标签在Javaｓｃｒｉｐｔ代码中的ID值。在上面的代码中，ID值是canvasone。
在像素的画布，2.width.the宽度。在上面的代码中，宽度是500像素。
在像素的画布，3.height.the高度。在上面的代码中，高度值为300像素。
在画布的初始标记和结束标记之间，我们可以放置任何文本。当打开HTML网页的浏览器不支持画布时，文本将显示画布标签在哪里。在上面的代码中，我们使用的文本是您的浏览器不支持HTML5画布；。
使用文档对象引用Javaｓｃｒｉｐｔ中的画布元素
当加载HTML页面时，文档对象引用页面中的所有元素，因此我们可以使用DOM来引用上述代码中的定义。
我们需要一个对画布对象的引用，这样您就可以知道在哪里用画布界面显示这幅油画。
首先，我们定义一个变量叫之外保存画布对象的引用。
然后，我们称之为getElementById（）的文档对象的功能，并设置输入参数canvasone（在HTML页面中的标签的ID）把画布对象。
复制代码代码如下所示：
VAR之外= document.getelementbyid（canvasone ）；