Ширина SVG с использованием идентификаторов

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-градиента.