HTML5 ＜canvas＞ 标签

<canvas id="myCanvas"></canvas>

 <canvas> 标签通过脚本（通常是 JavaScript）来绘制图形（比如图表和其他图像）

 注释：<canvas> 元素中的任何文本将会被显示在不支持 <canvas> 的浏览器中。

         

 canvas制作一个三角形

 1.你要创建一个对象    var canvas = document.getElementById("canvas");

 2.创建一个画布上下文的对象

 3.告诉程序绘画路径的开始

 4.绘制图形的起始点(坐标)

 5.绘制连接图形的连接点(x,y)

 

 

6. 设置图形的样式 

7.描边或填充

描边

 

填充数值

 

填充背景

  8.最后一个三角形就出来了