0

svg の丸みを帯びたボタン イメージに問題があります。(svg パスを使用して) 2px の境界線で画像を描画すると、境界線がぼやけます。ぼかしを防ぐために位置を .5 オフセットしていますが、それは 1px の境界線でしか機能しないようです。FF と Chrome の両方でぼやけて表示されます。

また、角が丸い svg rect を使用した描画、border 2px には同じ問題がないことに気付きました。線はシャープです。

<svg width="225" height="50" viewBox="-1.5 -1.5 225 50"><path d="m 103 0 l -93 0 c -5 0 -10 5 -10 10 l 0 22 c 0 5 5 10 10 10 l 93 0 z" stroke="#000" stroke-width="2px" fill="#fff" /><path d=" m 103 0 l 93 0 c 5 0 10 5 10 10 l 0 22  c 0 5 -5 10 -10 10 l -93 0 z" stroke="#000" stroke-width="2px" fill="#999" /></svg>
4

1 に答える 1

2

viewBox を に変更すると、問題なく表示され"-2 -2 225 50"ます。

于 2012-09-17T10:23:41.440 に答える