图像擦除效果如何弄

lonewolf

我想实现图片擦除的功能，就是鼠标拖过的地方都变成透明的，类似于以下的样子

我看到这些都是直接操作canvas实现的，主要代码如下：

1. function resetEraser(_x,_y,touch)
   
2. {
   
3.    
   
4.     var t=this;
   
5.    
   
6.     t.cxt.globalCompositeOperation = "destination-out";
   
7.     t.cxt.beginPath();
   
8. 
   
9.     t.cxt.arc(_x, _y, t.eraserRadius, 0, Math.PI * 2);
   
10.    
    
11.     t.cxt.strokeStyle = "rgba(250,250,250,0)";//使用颜色值为白色，透明为0的颜色填充
    
12.     t.cxt.fill();
    
13.     t.cxt.globalCompositeOperation = "source-over"
    
14. }

复制代码

这个功能不知道在lufylegend中如何实现？

lufy

同样的效果，在lufylegend中叫做LBlendMode，API如下
http://lufylegend.com/api/zh_CN/out/classes/LBlendMode.html

lonewolf

我试了很多种效果，好像都没办法完成啊。
这个是两层图像，最下面一层是真相，不用动，上面一层是模糊的图像，现在是要把这一层模糊的涂掉，用BlendMode的话就应该在模糊层上面再加一层LShape，设置shape.blendMode，涂到哪里就在graphics上填充，如果设置为DESTINATION_OUT可以把下层涂掉，但这样真相那层也被涂掉了。
不知道有什么好的解决方法。

lonewolf

好像同时放在canvas里是不可能的了。真相图要放在html里，这个具体要怎么弄呢？对web开发不熟啊。

lonewolf

能弄两个canvas吗？

lonewolf

我现在两个canvas也不知道怎么重叠在一起，求大神解答。

lonewolf

解决了，用LGlobal.canvasObj.style.background，基础不好累死人啊。

lufy

lonewolf 发表于 2014-9-11 23:43
解决了，用LGlobal.canvasObj.style.background，基础不好累死人啊。

我最近比较忙，所以也没及时看帖子
解决了就好