//最近工作都是增删改查。正好you有时间学点新东西,er而不是单纯的业务上的东西 所以就学学canvas吧
<canvas id="Mycanvas" width="800" height="800"></canvas>
//sho首选创建一个canvas
var c=document.getElementById("Mycanvas");
var ctx=c.getContext("2d");
//然后进行定义
ctx.beginPath(); //开始绘制
ctx.moveTo(x,y); //开始点
ctx.lineTo(x+width,y); //结束点
ctx.lineTo(x+width,y+height);
ctx.lineTo(x,y+height);
ctx.closePath(); //j结束绘制
ctx.lineWidth=10; //border宽度
ctx.strokeStyle="#ff9500"; //border颜色
ctx.fillStyle="yellow"; //填充颜色
ctx.fill(); //填充当前图像
ctx.stroke();
//基础api ji就能zuo'做一个最简单的画布啦