2016-05-22 17 views
0

createjs.Shape()グラフィックスsetStrokeStyle(1)は1pxの代わりに2px線を描画します。下のJSfiddle出力をスクリーンショットすると、その行は2pxの高さになります。1px線を描画できません

http://jsfiddle.net/7fbr9yan/

どのように私は1ピクセルの線を引くのですか?

答えて

1

2行のピクセルの間に描画する線で、その両端が黒ではなく灰色で表示されます。ピクセルの一行のみを上に描画するために

line.graphics.moveTo(20,74.5).setStrokeStyle(2).beginStroke("#000").lineTo(280,74.5); 

にコードを変更 。

+0

整数を使いたい場合は、図形のx/y位置を0.5だけオフセットします。 – Lanny

+0

私は、以前はcreatejsとFlashを使用して、drawRectを代わりに使用するために、ピクセルの完全な結果を負の小数部のスペースに入れないようにしたいと思ったことがよくあります。すなわち、[http://jsfiddle.net/7fbr9yan/2/](http://jsfiddle.net/7fbr9yan/2/) – Andrew

関連する問題