1

OK、これまでのところ私はこのコードを持っています:

var fillerLine = {
                            'color': 'white',
                            'cursor': 'pointer'
                        }

                        var line1 = paper1.path("M2 2");
                        line1.attr(fillerLine);
                        var anim = Raphael.animation({path: "M2 2L100 2"}, 500);
                        line1.animate(anim.delay(3000));

しかし、line1はまったくシャープではありません。通常の線の1pxではなく、2pxの幅のように見えます。どうすれば1pxにリセットし、線の色を白に設定できますか?

1pxの線を取得するにはどうすればよいですか?

編集:raphaeljsのFirefoxの線幅に関するこの問題のようですwidth-in-raphaeljsrenderfix()を使用して修正できるかどうか試してみます。

4

3 に答える 3

2

この質問はすでに議論されています:

このリンクは、整数座標の何が問題になっているのか、そしてなぜ+0.5がエッジブラーを修正したのかを示しています(素敵な写真で!!):

次の方法で+0.5を回避できます。

SVG_Area.setAttribute( "viewBox"、 "0.50.5"+幅+""+高さ);

またはラッパーによって:

関数fiXY(x){return parseInt(x)+ 0.5; }

var rect = document.createElementNS( "http://www.w3.org/2000/svg"、 "rect");
rect.setAttribute( "x"、fiXY(x));
rect.setAttribute( "y"、fiXY(y));

またはによって:

SVG_Area.setAttribute( "shape-rendering"、 "crispEdges");

SVG画像のすべての形状にどのような影響がありますか。

于 2013-01-17T19:42:01.837 に答える
0
line1.attr({'stroke-width':'1'});

むしろ、再利用可能なアプローチのためにフィラーラインに追加してください...。

于 2012-07-24T19:54:18.850 に答える
0

3 の代わりに 2.5 を使用する必要があります。

于 2012-07-24T16:23:37.453 に答える