javascript - 防止svg边框渐变颜色

Question

我注意到 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 中放大。这是图像：

Answer 1

那就是抗锯齿。您可以使用shape-rendering ="crispEdges"将其关闭，但请注意，任何对角线都会看起来更粗糙。