防止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”关闭它，但要注意任何对角线看起来都比较粗糙。