1

グラフィックをクリア/再描画するときに JointStyle.MITER を使用すると、望ましくない効果が発生します。

私のプロジェクトでは、丸いエッジと鋭いエッジの両方を持つカスタム ライン グラフィックスを管理する必要があるため、マイター ジョイント スタイルを使用したいと考えています。

線の太さが大幅に増加すると、線の丸い領域でもマイター スタイルの影響を受けます。これは残念なことですが、理解できることであり、私が言及しているバグではありません。バグ (?) は、太さが変わるたびにコードで指示されているように、線の太さを減らしてもグラフィックが完全にクリアされず、線がかつてあった場所に線のグラフィックのアーティファクトが残るときに発生します。アーティファクトは、丸みを帯びた角だけでなく、鋭いエッジによっても残されます。

Mac OS X Snow Leopard (10.6.4) で Flash Player バージョン 10.1.53.64 を使用しています。

以下のサンプル コードを実行して、これをテストできます。左右のキーボード矢印を使用して、丸い四角形のストロークの太さを変更します。

更新: グラフィック アーティファクトは表面的なものです。図形が表示された後に図形をその位置にドラッグすると、図形が削除されます。ドラッグ機能でコードが更新されました。

package
{
import flash.display.CapsStyle;
import flash.display.JointStyle;
import flash.display.LineScaleMode;
import flash.display.Sprite;
import flash.events.Event;
import flash.events.KeyboardEvent;
import flash.events.MouseEvent;
import flash.ui.Keyboard;

public class StrokeWidth extends Sprite
    {
    private var roundRect:Sprite = new Sprite();
    private var strokeThickness:Number = 6;

    public function StrokeWidth()
        {
        addEventListener(Event.ADDED_TO_STAGE, init);
        }

    private function init(evt:Event):void
        {
        removeEventListener(Event.ADDED_TO_STAGE, init);
        stage.addEventListener(KeyboardEvent.KEY_DOWN, keyDownEventListener);
        roundRect.addEventListener(MouseEvent.MOUSE_DOWN, mouseEventListener);
        roundRect.addEventListener(MouseEvent.MOUSE_UP, mouseEventListener);

        drawRoundRect();
        roundRect.x = roundRect.y = 100;
        addChild(roundRect);
        }

    private function drawRoundRect():void
        {
        roundRect.graphics.clear();
        roundRect.graphics.lineStyle(strokeThickness, 0x000000, 1.0, true, LineScaleMode.NONE, CapsStyle.NONE, JointStyle.MITER);
        roundRect.graphics.beginFill(0xFF0000);
        roundRect.graphics.drawRoundRect(0, 0, 400, 200, 100);
        }

    private function mouseEventListener(evt:MouseEvent):void
        {
        switch  (evt.type)
                {
                case MouseEvent.MOUSE_DOWN: roundRect.startDrag();  break;
                case MouseEvent.MOUSE_UP:   roundRect.stopDrag();   
                }
        }

    private function keyDownEventListener(evt:KeyboardEvent):void
        {
        switch  (evt.keyCode)
                {
                case Keyboard.LEFT:     strokeThickness -= 1;       break;
                case Keyboard.RIGHT:    strokeThickness += 1;
                }

        drawRoundRect();
        }
    }
}

代替テキスト

4

2 に答える 2

1

面白い。lineStyle のスケール モードが none に設定されていたため、問題が発生しました。

LineScaleMode.NONE

通常に変更すると、問題が修正されます。

LineScaleMode.NORMAL
于 2010-11-11T07:46:04.283 に答える
0

形を作り直してはどうですか?

于 2010-11-09T15:09:02.770 に答える