SVG不使用ID

Question

例如我们分别有defs和rect，所以我们必须使用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>

不起作用:(

Answer 1

我不相信你可以在SVG中应用渐变而不定义渐变并用ID链接它。你不想使用身份证的原因是什么？

您可能会在将来应用CSS渐变，但我认为这还不行，并且无论如何都不像使用常规SVG渐变那样跨平台。