今天我门学习的是有关于在“html5如何创建Canvas画布？”的问题。我们来先了解一下HTML5中的 标签怎么创建画布，我们通过JavaScript来进行绘制图形之后，在页面中放置一个元素，这样子的做法就相当是在页面中放置了一块画布，而且元素中拥有多种绘制图形的方法。

 

　　1.首先，是一个双标签，所以我们可以用标签中的和属性来定义画布的大小这样我们就可以创建一个隐藏画布了，我们可以通过属性来让他显示出来。代码如下：

 

　　运行结果截图如下：

 

　　这样我们就完成了一个画布的创建。（补充：在没有给属性设置宽高的时候会默认为，当然除了在属性中设置，我们也可以在 css 属性中进行一个设置，但是呢如果宽高属性和初始的比例不一样会出现，扭曲的现象。所以建议一般不使用 css进行设置属性！）

 

　　2.由于在这个属性中本身没有绘制图像的能力，所以要通过 JavaScript 来实现。那么我们就来试试吧！代码如下：

 

　　运行效果如下图：

 

　　我们看到在这个画布中我们加入了一个蓝色的矩形。

 

　　总结：

 

　　当然这只是一个简单的方法，如果你要设置更复杂的一个图形的话我们可以在HTML5 DOM CANCAS 对象进行学习和了解。以上就是今天的内容，希望对你有所帮助。