clearBubble: function (x, y) { var px = this.startX + this.cellWidth * x - this.cellWidth + 0.5; var py = this.startY + this.cellWidth * y - this.cellWidth + 0.5; ctx.beginPath(); ctx.clearRect(px, p
clearBubble: function (x, y) { var px = this.startX + this.cellWidth * x - this.cellWidth + 0.5; var py = this.startY + this.cellWidth * y - this.cellWidth + 0.5; ctx.beginPath(); ctx.clearRect(px, py, this.cellWidth - 1, this.cellWidth - 1); ctx.stroke(); }
ok，是不是很霸气？ o(∩_∩)o 哈哈，不过在获取泡泡的位置时是不是很纠结，为什么画泡泡是 width/2 而擦除要加0.5？
画圆是从中心点开始画，所以要去掉半径，而擦数不能擦掉我们的棋盘线，所以要偏移0.5 。
1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。
相关文章
html5canvas核心技术图形、动画与游戏开发源码
2017-05-02 17:42
打印html5中Canvas的方法
2017-05-01 15:03
HTML5+Canvas调用手机拍照功能实现图片上传（下）
2017-04-30 17:00
HTML5新特性详解(三)
2017-04-30 16:03
网友点评
精彩导读
热门资讯
关注我们
