JS绘制简单图画框，后续更新新内容

<script>

var c=document.getElementById("myCanvas");//得到ID赋值为C
var ctx=c.getContext("2d");//getContext("2d")函数指定在C中的绘图环境是2D并且CTX得到绘图对象
ctx.rect(20,20,150,100);//rect(left,top,right,bottom)函数绘图大小，有四个属性，left,top,right,bottom；left左外边距，top上外边距，right当前坐标往右画多少，bottom当前坐标往下画多少
ctx.fillStyle="green";//fillStyle="颜色";函数填充颜色
ctx.fill();//fill()函数执行绘图

</script>