SVG渲染鉻問題的微小體

Question

我正在在SVG的互動式地圖，在瀏覽器中使用，但是，也有瀏覽器，這使得小元素顯示在Chrome實在太差之間呈現差異。我附上一些截圖和樣本的鏈接來說明我的問題：

鉻：

火狐/ IE：

您也可以click here看直播樣品。在這種情況下，有什麼辦法讓Chrome呈現像Firefox或IE？

Answer 1

添加shape-rendering="crispEdges"到您的SVG eleement。 Chrome爲Firefox的繪圖提供了不同的反鋸齒選擇，因此非常小的功能可以消除鋸齒。您可以使用crispEdges去除抗鋸齒，然後它們（通常）看起來都是相同的 - 以一些像素化爲代價。