0

svg は、要素の周囲に非常に小さなピクセルでグラデーションの境界線を追加していることに気付きました。そのためのjsfiddleは次のとおりです。

http://jsfiddle.net/XrkRT/

<rect x="1" y="1" width="1198" height="398"
      fill="none" stroke="blue" stroke-width="10" />

<g stroke="green" >
  <line x1="100" y1="300" x2="300" y2="300"
          stroke-width="20" fill="none" />
</g>

単色の線と四角形を描くにはどうすればよいですか。通常のズームでは見にくいです。スクリーンショットを撮り、pixlr.com でズームします。画像は次のとおりです。

ここに画像の説明を入力

4

1 に答える 1

2

それがアンチエイリアシングです。shape-rendering ="crispEdges"でオフにすることもできますが、対角線が粗く見えることに注意してください。

于 2013-10-22T20:34:54.257 に答える