AS3给显示对象加边框

时间：2023-11-13 19:06:50

给显示对象加边框，可以有以下三种方法
1.根据相交路径的缠绕规则的奇偶规则法（使用奇偶缠绕规则时，任何相交路径都交替使用开放填充与闭合填充。如果使用同一填充绘制的两个正方形相交，则不会填充相交的区域。通常，相邻区域不会都填充或都不填充。）
    画两个图形使一个图形包含另一个图形，使包含在里面的图形区域不填充来形成一个挖空的边框

   outline.graphics.beginFill(lineColor, lineAlpha);

   outline.graphics.drawRect(0, 0, vw, vh);

   outline.graphics.drawRect(thickness, thickness, vw - thickness*2, vh - thickness*2);

   outline.graphics.endFill();

2.利用发光滤镜,将滤镜的是否挖空的参数设为true

 outline.filters=[new GlowFilter(lineColor,1,4,4,20,1,false,true)];

 outline.graphics.beginFill(lineColor, lineAlpha);

 outline.graphics.drawRect(0, 0, vw, vh);

 outline.graphics.endFill();

3.利用混合模式的BlendMode.ERASE模式（使用ERASE时，其父容器的混合模式要设为BlendMode.LAYER）
    例如有两个图形：outline1,outline2，两个图形添加到同一个父容器中，然后设置将要擦除的那个对象的混合模式为BlendMode.ERASE，
    这样就能擦除重叠部分形成一个边框

    outline.blendMode=BlendMode.LAYER;

        if(outline1==null){

            outline1=new Shape();

        }

        if(outline2==null){

            outline2=new Shape();

            outline2.blendMode=BlendMode.ERASE;

        }

        if(!outline.contains(outline1)){

            outline.addChild(outline1);

        }

        if(!outline.contains(outline2)){

            outline.addChild(outline2);

        }

        //draw outline1

        outline1.graphics.beginFill(lineColor, lineAlpha);

        outline1.graphics.drawRect(0, 0, vw, vh);

        outline1.graphics.endFill();

        //draw outline2

        outline2.graphics.beginFill(lineColor, lineAlpha);

        outline2.graphics.drawRect(thickness, thickness, vw - thickness*2, vh - thickness*2);

        outline2.graphics.endFill();

这三种方法中第一种是最简单的，不过如果有一个不规则的形状或用lineStyle画线条时就不适用了。第三种则比较麻烦不过效果是最好的。
第二种方法发光滤镜适用性最强，不过个人感觉发光看起来有点模糊看不清，这个可以通过调滤镜的属性值来调适合的值

相关文章