首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >as3使用LineStyle绘制线条,然后使用透明(不可见)像素进行编辑

as3使用LineStyle绘制线条,然后使用透明(不可见)像素进行编辑
EN

Stack Overflow用户
提问于 2012-08-27 21:40:40
回答 1查看 3.2K关注 0票数 0

我有MC与外部加载的图像(jpg)。

下一层是蒙版精灵,我用graphics.lineStyle绘制了不同颜色、不透明度等的线条。一切都很好,所以我可以看到图像和图纸。现在我想要橡皮擦来做,并试着做一种(透明的)线,它将“擦除”现有的线。

例如,如果我(用鼠标)画了一条红线,然后将颜色切换为黄色,并在前一条线的某个点上相交,这是可以的,我看到的是黄色。现在我不知道如何使“透明”的颜色?因此,当鼠标移动到现有图形上时,只会再次看到背景图像的一部分。如果我设置一个颜色背景,一切都可以,但我有图像,结束橡皮擦留下一些颜色,我需要是透明的。尝试了混合模式,缓存为bmp,我找到的所有东西都没有解决方案。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-08-27 22:00:43

似乎你使用了覆盖图像的Graphics对象。为了擦除一些东西,你应该给你的精灵一个最上面的形状,将BlendMode.ERASE作为混合模式,并在其上绘制颜色的阿尔法分量为0xFF。精灵的blendMode应该是BlendMode.LAYER。下面是一个测试:

代码语言:javascript
复制
public class TestErase extends Sprite 
{
    public function TestErase() {
        var b:Sprite = new Sprite();
        var c:Shape = new Shape();
        b.blendMode = BlendMode.LAYER;
        c.blendMode = flash.display.BlendMode.ERASE;
        c.graphics.beginFill(0, 1);
        c.graphics.drawRect(50, 50, 50, 50);
        c.graphics.endFill();
        b.graphics.beginFill(0xff0000, 1);
        b.graphics.drawRect(0, 0, 150, 150);
        b.graphics.endFill();
        b.addChild(c);
        addChild(b);
        this.graphics.beginFill(0x00c000, 1);
        graphics.drawRect(75, 75, 100, 100);
        graphics.endFill();

    }
}

这会产生一个50x50的孔,由"b“子图中的"c”子图定义,不会影响" This“子图。

好的,你要的是一个例子。这里。

代码语言:javascript
复制
public class Main extends Sprite 
{
    public var sh:Shape;
    public var drawing:Boolean;
    public var sp:Sprite;
    public var bd:BitmapData;
    public var erasing:Boolean;
    [Embed(source = '../lib/093.jpg')]
    public static const Background:Class;

    public function Main():void 
    {
        if (stage) init();
        else addEventListener(Event.ADDED_TO_STAGE, init);
    }

    private function init(e:Event = null):void 
    {
        removeEventListener(Event.ADDED_TO_STAGE, init);
        // entry point
        var ba:Bitmap = new Background();
        ba.scaleX = 0.5;
        ba.scaleY = 0.5;
        addChild(ba);
        bd = new BitmapData(640, 400, true, 0);
        var bm:Bitmap = new Bitmap(bd);
        sp = new Sprite();
        sp.addChild(bm);
        sp.blendMode = BlendMode.LAYER;
        var tf:TextField = new TextField();
        tf.y = 401;
        tf.background = true;
        tf.backgroundColor = 0x0;
        tf.defaultTextFormat = new TextFormat('Arial', 12, 0xe00000, true, false, false);
        tf.selectable = false;
        tf.text = 'Erase';
        addChild(tf);
        addChild(sp);
        tf.addEventListener(MouseEvent.CLICK, toggleErasing);
        sp.addEventListener(MouseEvent.MOUSE_DOWN, startDrawing);
        sp.addEventListener(MouseEvent.ROLL_OUT, endDrawing);
        sp.addEventListener(MouseEvent.MOUSE_UP, endDrawing);
    }

    private function toggleErasing(e:MouseEvent):void {
        erasing = !erasing;
        if (erasing) (e.currentTarget as TextField).text = 'Erasing...'; else (e.currentTarget as TextField).text = 'Erase';
        e.stopPropagation();
    }
    private function startDrawing(e:MouseEvent):void {
        if (drawing) return;
        sh = new Shape();
        sh.graphics.lineStyle(3, Math.floor(Math.random() * 0x100000), 1,true);
        if (erasing) sh.blendMode = BlendMode.ERASE;
        sh.graphics.moveTo(e.localX, e.localY);
        addEventListener(MouseEvent.MOUSE_MOVE, trackMouse);
        sp.addChild(sh);
        drawing = true;
    }
    private function endDrawing(e:MouseEvent):void {
        if (!drawing) return;
        removeEventListener(MouseEvent.MOUSE_MOVE, trackMouse);
        if (erasing) bd.draw(sh, null, null, BlendMode.ERASE); 
        else  bd.draw(sh);
        sp.removeChild(sh);
        sh = null;
        drawing = false;
    }
    private function trackMouse(e:MouseEvent):void {
        sh.graphics.lineTo(e.localX, e.localY);
    }

}

经过我的测试,应该可以正常工作,只需更改背景即可:)

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12143171

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档