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

回答

相关问题