ボーダーずれずれ

by katapad 
100*100の四角形を二つ重ねています。

・下のレイヤーは黒ベタ。
・上のレイヤーは赤線のボーダーだけの四角。

これら二つのwidth/heightを変更すると、大きさが異なるようになります。

ボーダーのほうがちっこくなります。
なんでこうなるのかがわからないのです。いつものように助けてください。


あ



追記
widthだけでなく、スケールだとOK(Cueさんありがとうございます)

JointStyleを指定するとwidthとかでいける(ジャカルタさんありがとうございます)

だとか…。


線幅をwidthとかに含ませようとするからとかなんですかね。
♥0 | Line 22 | Modified 2010-09-09 01:15:31 | MIT License
play

ActionScript3 source code

/**
 * Copyright katapad ( http://wonderfl.net/user/katapad )
 * MIT License ( http://www.opensource.org/licenses/mit-license.php )
 * Downloaded from: http://wonderfl.net/c/vGnk
 */

package {
    import flash.display.*;
    public class FlashTest extends Sprite {
        public function FlashTest() {
            // write as3 code here..
            
            
            
            	var border:Shape = new Shape();
		border.graphics.lineStyle(2, 0xbe160a, 1, false, LineScaleMode.NONE);
		border.graphics.drawRect( -50, -50, 100, 100);
                
                border.x = 225;
                border.y = 225;
                
                var rect : Shape = new Shape();
                rect.graphics.beginFill(0, 0.9);
                rect.graphics.drawRect( -50, -50, 100, 100);
                rect.graphics.endFill();
                
                rect.x = 225;
                rect.y = 225;
                
                addChild(rect);
                addChild(border);
                
                
               border.width = rect.width = 400;
               border.height= rect.height= 400;
        }
    }
}

Forked