SVG linearGradient不顯示路徑（多瀏覽器）

我不明白爲什麼此漸變不適用於Chrome/Firefox/IE。SVG linearGradient不顯示路徑（多瀏覽器）

它在svg編輯器（瀏覽器內）和Inkscape中工作。

<?xml version="1.0" encoding="UTF-8" standalone="no"?> 

<svg xmlns="http://www.w3.org/2000/svg" height="300" width="85" version="1.1"> 
<defs> 
    <linearGradient id="fill_bg" x2="0.5"> 
    <stop stop-color="#8e8e8e" offset="0"/> 
    <stop stop-color="#d6d6d6" offset="0.59766"/> 
    </linearGradient> 
</defs> 
<g> 
    <path d="m3.5,16.5c12.5,6.6507,21,6.6507,33,0v271.47c-12.5,7.1172-22,7.1172-33,0v-135.74-135.73,0.00002,0.00001,0.00002,0.00001z" stroke="#352c2c" fill="url(#fill_bg)"/> 
</g> 
</svg>

的行程顯示正確，但將填充缺少完全（透明），

難道我用的東西，瀏覽器不支持？

來源

2013-03-18 Hendrik

我在這裏引用你的問題：http://stackoverflow.com/questions/38803429/gradient-of-svg-in-html-page-not-working ---也許你有一個想法？ – sasha 2016-08-06 10:51:02

對不起，我從來沒有爲所有路徑元素定義CSS。

一旦我刪除，一切正常。

來源

2013-03-18 21:39:16 Hendrik

哪些定義是那些？你自己或從自舉或某事？在我的情況下梯度不是工作太多，但我不認爲我有路徑或svg元素的CSS樣式。至少不能找到他們<:-) – sasha 2016-08-06 10:53:49

我使用Chrome 53.0.2785.143（64位）。 SVG中的線性漸變不起作用。奇怪的是，在我們的生產環境中，Chrome正在添加一個雲端地址，其中線性漸變ID正在被引用。必須是一個錯誤。因此，填充線性漸變的位置，即：fill ='url（％23linearGrad）'，線性漸變的id爲'linearGrad'，Chrome會添加fill ='url（// d1cop1ikja3jwt.cloudfront.net'奇怪。 – 2016-10-18 01:17:05

SVG linearGradient不顯示路徑（多瀏覽器）

回答

相關問題