5

この SVG は、すべてのブラウザーで、すべてのズーム レベルでぼやけて見えます。

<svg xmlns:svg="http://www.w3.org/2000/svg"
     xmlns="http://www.w3.org/2000/svg"
     width="240" height="240" version="1.1">
  <rect width="200" height="200" x="20" y="20"
        ry="20" style="fill:#fff;stroke:#000" />
</svg>

Chrome、Safari、および Firefox では、次のように表示されます。

ぼやけたSVG

ズームインすると、デフォルトのストローク幅が 1 ピクセルであるにもかかわらず、ストロークの幅が 2 ピクセルであることがわかります。手動で 1px に設定しても、出力には影響しません。

4

1 に答える 1