SVG使用的ID

例如WIDTHOUT我們有DEFS和矩形分開，所以我們必須使用IDSVG使用的ID

<defs> 
    <linearGradient id="MyGradient"> 
     <stop offset="0%" stop-color="#000" /> 
     <stop offset="100%" stop-color="#fff" /> 
    </linearGradient> 
</defs> 
<rect x="0" y="0" width="256" height="32" fill="url(#MyGradient)"/>

我怎麼可以這樣做，但沒有使用ID（MyGradient）。也許用JavaScript？

像這樣

<rect x="0" y="0" width="256" height="32"> 
    <linearGradient> 
     <stop offset="0%" stop-color="#000" /> 
     <stop offset="100%" stop-color="#fff" /> 
    </linearGradient> 
</rect>

不工作:(

來源

2011-01-08 holden321

這將（大致）在XAML中可能，但不在SVG中。 – Joey 2011-01-08 14:05:10

我不相信你可以申請在SVG漸變沒有確定梯度和鏈接到它與ID是什麼原因。你不想使用ID嗎？

你也許能夠在未來應用CSS漸變，但我不認爲這可以工作，無論如何不像跨平臺使用常規SVG漸變。

來源

2011-01-08 17:39:02

我不想讓我的ID干擾其他ID，因爲我不知道我的代碼在哪裏工作。我想要東西 var grad =/*創建漸變（in difs）* /; var rect =/* crete rect * /; rect.fill.gradient = grad; – holden321 2011-01-08 18:28:03

回答

相關問題