防止svg边框渐变颜色

我注意到svg在元素周围非常小的像素中添加了一些渐变边框。下面是的jsfiddle它：防止svg边框渐变颜色

<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。以下是图像：

enter image description here

来源

2013-10-22 Phuoc Do

这就是抗锯齿。您可以用shape-rendering =“crispEdges”将其关闭，但请注意任何对角线会显得粗糙。

来源

2013-10-22 20:34:54

为什么不包括它实际上说的？ :)“表示用户代理应试图强调图形的干净边缘与渲染速度和几何精度之间的对比度。为了实现清晰的边缘，用户代理可能会关闭所有线条和曲线的抗锯齿功能，或者可能仅用于直线接近垂直或水平的线条，而且，用户代理可能会调整线条位置和线条宽度，使边缘与设备像素对齐。“ –

谢谢你的答案！ –

防止svg边框渐变颜色

回答

相关问题