javaScript画布

//第一步:先获取到画布
var oMyCanvas = document.getELEMENTByID("myCanvas")
//第二步其实就是一根笔
var ctx = oMyCanvas.getcontext("2d")
//第三步开启一个新路径
ctx.beginPath()
//第四步:确定一个起点
ctx.moveTo
//第五步,绘制直线路径(确定其他点,并进行连线)
ctx.lineT
//第六步:关闭路径
ctx.closePath
//两个作用 1:抬起画笔 2:关闭 闭合路径
//第七步:喷色
//第一种:描边
描边宽度,一半在图形里面,一半在图形外边
ctx.lineWidth = 4;//笔的宽度
ctx.strokeStyle=  ;笔的颜色
//第二种填充
//当路径没有闭合的时候,填充是默认闭合来填充的
ctx.fillStyle
ctx.fill()
ctx.stroke();绘制已定义好的路径

你可能感兴趣的:(javaScript画布)