SVG面具不能在IE9中工作

Question

有人能告訴我this SVG有什麼問題嗎？ IE9根本不應用遮罩。

我發現了一些在IE9中工作的svg掩碼示例，但沒有發現與我的代碼有任何區別。

我正在使用徑向漸變蒙版。但即使使用簡單的普通顏色，它也不起作用。

<mask id="mask"> 
    <rect fill="white" x="15" y="0" width="10" height="200" stroke-width="0"/> 
    <rect fill="url(#radialGradient)" x="15" y="10" width="10" height="180" stroke-width="0"/> 
</mask> 

任何幫助表示讚賞。

Answer 1

我在jsFiddle上運行了你的代碼。問題在於你在畫線時，x1等於x2。我已經將線路x2更改爲21，並且工作正常。