0

所以我有两行工具。第一个是法线工具，第二个是带有滤镜模糊效果的线条工具。该工具在画布上绘制线条时起作用，但第一个法线工具也有模糊效果。如何仅在第二个工具上应用模糊效果？

对不起语法不好...

 var blurX:Number = 20;
 var blurY:Number = 20;
 var quality:Number = 1;
 var my_blur_filter:BlurFilter = new BlurFilter(blurX, blurY, quality);

//没有滤镜模糊的工具

function PencilTool(event:MouseEvent):void{

quitActiveTool();
active = "Pencil";

board.addEventListener(MouseEvent.MOUSE_DOWN, MouseDown);
board.addEventListener(MouseEvent.MOUSE_UP, MouseUp);

}


function MouseDown(e:MouseEvent):void{


    doDraw=true;

    drawingLine.graphics.moveTo(drawingLine.mouseX, drawingLine.mouseY);
    drawingLine.graphics.lineStyle(lineSize, activeColor, lineAlpha);

    board.addEventListener(MouseEvent.MOUSE_MOVE, MouseMove);

}

//带有滤镜模糊的工具

 function brushTool(event:MouseEvent):void{

    quitActiveTool();
    active = "Brush";

      board.addEventListener(MouseEvent.MOUSE_DOWN, brushMouseDown);
      board.addEventListener(MouseEvent.MOUSE_UP, MouseUp);

}


function brushMouseDown(e:MouseEvent):void{




    doDraw=true;

    if(active=="Brush"){
    drawingLine.filters = new Array(my_blur_filter);


    drawingLine.graphics.moveTo(drawingLine.mouseX, drawingLine.mouseY);


    drawingLine.graphics.lineStyle(lineSize, activeColor, lineAlpha);


    }
    board.addEventListener(MouseEvent.MOUSE_MOVE, MouseMove);

}

//鼠标移动&鼠标上移

function MouseMove(e:MouseEvent):void{
                var curX:Number=drawingLine.mouseX;
                var curY:Number=drawingLine.mouseY;


                        drawingLine.graphics.lineTo(curX,curY);


                    e.updateAfterEvent();

    }

function MouseUp(event:MouseEvent):void{

    doDraw=false;
    }
4

1 回答 1

0

过滤器应用于整个显示对象，而不仅仅是设置后添加的图形。您可以使用两层，drawingLine用于铅笔和drawingLineBlurred画笔，然后只将模糊添加到drawingLineBlurred.

您可以通过为每个笔划创建一个新的显示对象，甚至将它们绘制到一个BitmapData对象来变得更加复杂，但对于一个简单的绘图工具来说，这可能就足够了。

作为绘制多个图层的示例，您可以在Shape每次按下鼠标时创建一个新图层并绘制到该图层而不是drawingLine：

private var currentStroke:Shape;

private function startDrawing():void {
    currentStroke = new Shape();
    addChild(currentStroke);

    // Apply the blur filter to currentStroke here if the brush tool is selected.

    currentStroke.graphics.moveTo(currentStroke.mouseX, currentStroke.mouseY);
    currentStroke.graphics.lineStyle(lineSize, activeColor, lineAlpha);
}

// etc

但这显然不是很有效，因为你最终会得到很多很多Shapes。如果它成为一个问题，我建议改为查看BitmapData并在每次笔画完成后使用它来绘制。

于 2013-02-23T15:28:48.820 回答