Можно ли установить SVG наполнить встроенную градиентную строку CSS? ⇐ Html

[Anonymous]

Рассмотрим 100x100 svg и 100x100 . Если я хочу добавить градиент в линию DIV, я могу использовать синтаксис линейного градиента ( #F69D3C, #3F87A6); в качестве действительного цвета CSS для его фонового свойства.
svg fill и инсульт также принимайте допустимые цвета CSS, включая URL (...) , но, казалось бы, не линейный градиент (. ..) , несмотря на указание в том же месте в спецификации CSS (тип данных CSS, ссылка на спецификацию здесь). Можно ли сделать такую ​​встроенную строку работать для svg fill и инсульт ? ID, вопрос конкретно, если он может быть сделан через строку в строке.
Пример каждого:

Код: Выделить всё

Fails. Can it be made to work?






Works:
style="
width: 100px;
height: 100px;
background: linear-gradient(#f69d3c, #3f87a6);
">
< /code>
< /div>
< /div>
< /p>
Одно техническое решение состоит Пример: < /p>

Это немного безумно, а не просто указать линейный градиент (...) , так что было бы здорово, если бы что-то более разумное возможно.


Подробнее здесь: https://stackoverflow.com/questions/794 ... ent-string