鍍鉻的SVG像素

這很奇怪。我使用的是SVG圖像，因爲它的文件尺寸較小，渲染效果和可伸縮性（對象的動畫效果相當不錯）。它在FF，ie9，Safari和iPad中的工作非常完美，但在某些特定的SVG圖像中渲染效果很差。鍍鉻的SVG像素

SVG in chrome

SVG in safari

任何想法，爲什麼這可能發生？ svg文件本身非常小。

下面是一些樣本SVG

你或許應該提交有關Chrome的一個bug報告，如果你有在這個問題的一些例子中，它會更容易回答:) – 2012-03-05 09:42:25

我加了一個更好的生活樣本。 – Fresheyeball 2012-03-05 17:48:29

我已經提交了一個bugreport：http：//code.google.com/p/chromium/issues/detail？id = 119471等待一個答案... – 2012-03-22 14:53:03

所以無論如何，這是一個合法的鉻錯誤。並且有一個修復，使得svg'更大'，內部報告的svg文件太小會導致此錯誤。

2012-03-17 17:57:24 Fresheyeball

親愛的downvoter ..爲什麼要投票？ – Fresheyeball 2014-04-07 16:06:37

有些人無法處理事實！ hahah – XerxesNoble 2014-11-23 20:39:29

在@Fresheyeball中變得更大？文件大小？或CSS尺寸？ – 2015-01-31 10:18:16

許多研究後，我終於找到了工作的解決辦法：
出口的兩倍所需的尺寸（因此，我把它命名爲[email protected]）的SVG
然後在CSS中，添加transform: scale(0.5)

的結果Chrome的外觀與Firefox相同。

2015-06-26 12:11:53

在StackOverflow上瀏覽數十個問題並且隨處閱讀這篇文章，我發現這是唯一的解決方法，讓Chrome瀏覽器正確地在我正在打印的PDF中呈現SVG。我的情況也非常複雜，涉及'zoom'和'scale'屬性的多個層次。 – Brian 2017-05-19 02:25:31

我也遇到過這個bug，有一個SVG背景元素。解決方法是通過.01降低不透明度，即：

.thing { 
    background: url('my-image.svg'); 
    opacity: 0.99; 
}

2017-08-28 03:19:05 Koonga

回答