canvas绘图_象棋盘不支持Canvas { () { ); ); ; ; ); .row(); 23 this.cols(); 24 this.drawFont(); ); ); ); ); ); ); ); ); ); ); ); ); ); ); 53 54 }, (mx, my, lx, ly) { 57 this.ctx.beginPath(); 58 this.ctx.moveTo(mx, my); 59 this.ctx.lineTo(lx, ly); 60 this.ctx.stroke(); 61 }, () { ) { 65 this.ctx.beginPath(); , i); , i); 68 this.ctx.stroke(); 69 } 70 }, () { ) { 74 this.ctx.beginPath(); ); ); 77 this.ctx.stroke(); 78 } ); ); ); ); ); 87 }, (x, y) { ; ); ); ); ); ); ); ); ); 104 }, () { ; ; ); ); ); .ctx.save(); ); ; 123 this.ctx.rotate(radian); ); ); 126 this.ctx.restore(); 127 } 128 }; 129 object.init();
View Code 运行结果: 4、第四次:canvas绘制象棋盘(封装JavaScript)+绘制棋子示例代码:
canvas绘图_象棋盘不支持Canvas { () { ); ); ; ; ); .row(); 38 this.cols(); 39 this.drawFont(); ); ); ); ); ); ); ); ); ); ); ); ); ); ); () { ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); ); 122 123 } 124 }, (mx, my, lx, ly) { 127 this.ctx.beginPath(); 128 this.ctx.moveTo(mx, my); 129 this.ctx.lineTo(lx, ly); 130 this.ctx.stroke(); 131 }, () { ) { 135 this.ctx.beginPath(); , i); , i); 138 this.ctx.stroke(); 139 } 140 }, () { ) { 144 this.ctx.beginPath(); ); ); 147 this.ctx.stroke(); 148 } ); ); ); ); ); 158 }, (x, y) { ; ); ); ); ); ); ); ); ); 175 }, () { ; ; ); ); ); .ctx.save(); ); ; 193 this.ctx.rotate(radian); ); ); 196 this.ctx.restore(); 197 } 198 }; 199 object.init();
View Code运行结果如下: