1.什么是canvas?
可以绘制图形的标签。一般用javascript来绘制。
2.创建一个画布
//创建画布用canvas标签
3.在画布上绘图。
4.canvas-路径
var can=document.getelementbyid(mycanvas);
var draw=can.getcontext(2d);
// 开始一个路径
draw.beginpath();
// 设置线的粗细
draw.linewidth=5;
//设置线的颜色
draw.strokestyle=green;
// 线的起点
draw.moveto(0,75);
//线的终点
draw.lineto(250,75);
// 开始绘制路径
draw.stroke();
//开始另一个路径
draw.beginpath();
// 设置线的粗细
draw.linewidth=5;
draw.strokestyle=purple;
draw.moveto(25,05);
draw.lineto(35,25);
draw.stroke();
效果：