你的位置:首页 > 软件开发 > 网页设计 > canvas实现刮刮乐

canvas实现刮刮乐

发布时间:2016-10-11 17:00:07
canvas实现刮刮乐主要是要注意两个地方:第一个是将绘制的图形设置成背景图片(用到toDataURL属性),这样在擦覆盖层的时候才不会丢失绘制的图案,第二个是设置在绘制插图的时候,设置透明透明(用到globalCompositeOperation属性)代码如下:<scri ...

 

canvas实现刮刮乐

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 (#换成@)。

可能感兴趣文章

我的浏览记录