canvas实现刮刮乐主要是要注意两个地方:第一个是将绘制的图形设置成背景图片(用到toDataURL属性),这样在擦覆盖层的时候才不会丢失绘制的图案,第二个是设置在绘制插图的时候,设置透明透明(用到globalCompositeOperation属性)代码如下:<scri ...
canvas实现刮刮乐主要是要注意两个地方:第一个是将绘制的图形设置成背景图片(用到toDataURL属性),这样在擦覆盖层的时候才不会丢失绘制的图案,
第二个是设置在绘制插图的时候,设置透明透明(用到globalCompositeOperation属性)
代码如下:
<script> var dataURL=cv.toDataURL("image/jpg",1); //覆盖层 cv.addEventListener("mousedown",function(){ var left=posObj.left; var x= e.clientX-left; ctx.arc(x,y,50,0,Math.PI*2);
原标题:canvas实现刮刮乐
关键词:
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。