防止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邊框漸變顏色

回答

相關問題