Применить стиль CSS к форме SVG - PullRequest
Новая
       72

Применить стиль CSS к форме SVG

0 голосов
/ 01 мая 2020

Я пытаюсь применить стиль конического градиента от: https://developer.mozilla.org/en-US/docs/Web/CSS/conic-gradient к кругу в документе SVG. В частности, цель состоит в том, чтобы создать файл SVG с центрированным кругом, который заполняет экран, и применить стиль CSS к кругу без использования Javascript или с файлом CSS, плавающим где-то вокруг. В ссылке, которую я разместил выше, есть пример конического градиента:

enter image description here

Я наткнулся на этот ответ, который мне кажется очень полезным: Как применить стиль к встроенному SVG?

В частности, второй ответ говорит: «Вы можете сделать это без javascript, поместив блок стилей со своими стилями в сам файл SVG. "

   <style type="text/css">
     path,
     circle,
     polygon { 
     fill: #fff; 
     }
   </style>

Однако это не описывает, как применить это к фигуре в самом файле SVG. Я наткнулся на этот сайт и следовал примеру только для того, чтобы получить черный круг: http://tutorials.jenkov.com/svg/svg-and-css.html

Вот код, который я пытался использовать: https://codepen.io/HexylCinnamal/pen/MWaErVL

Буду очень признателен, если кто-нибудь сможет помочь. Спасибо за чтение.

...