我们知道，你要在网页上呈现一些简单的图形并不是每次都要在电脑端绘制的，我们可以通过代码就可以在网页上自动的绘制出来，这在HTML5里面是很容易就实现的功能。
工具/原料
dreamweaver
方法/步骤
1
canvas 画布。我们可以使用HTML5里面的这个canvas 画布工具让各种简单的图形的处于一个矩形框当中，当然，这个矩形框也是可以控制粗细与样式的。
2
矩形框的代码如下：
3
java语句。我们通过一个java 绘制直线的功能画出了一个三解形，并让这个三角形出现在矩形框当中。
4
绘制一个圆形的图像。
5
一个渐变的矩形并填充满整个区域。
6
坐标参数。我们在上面的代码中出现的四个数字(0,0,300,200);实际为一个坐标参数，这个坐标参数规定了图像的大小与尺寸。