Как применить штрих-дашаррай с использованием попутного ветра

Я использую попутный ветер для стилизации в своем проекте React. Я хотел применить стиль stroke-dasharray к элементу <circle>, используя классы попутного ветра, но после некоторых исследований выяснилось, что попутный ветер не предоставляет никаких классов для стилизации этих атрибутов, как можно увидеть в этом обсуждении в репозитории попутного ветра на GitHub.

Есть идеи?

Создание фильтров для вашего сайта
Создание фильтров для вашего сайта
Фильтры - удобный инструмент в арсенале веб-дизайнера. Они позволяют изменять элементы на странице с помощью всего нескольких строк кода. Эти...
Анимация SVG-узоров без единой строки CSS
Анимация SVG-узоров без единой строки CSS
Недавно я работал над веб-проектом, который позволил мне поэкспериментировать с шаблонами SVG. С SVG очень приятно работать, как только вы получите...
Как использовать d3.js для рисования 2D SVG-элементов в приложении Angular?
Как использовать d3.js для рисования 2D SVG-элементов в приложении Angular?
D3.js - это обширная библиотека, используемая для привязки произвольных данных к объектной модели документа (DOM). Мы разберем основные варианты...
1
0
50
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Я уже знал о произвольных значениях попутного ветра, но после некоторых дополнительных исследований я узнал о произвольных свойствах попутного ветра! Это способ попутного ветра, позволяющий стилизовать любые свойства, которые они не поддерживают.

Итак, в моем случае я смог сделать:

<circle className = "[stroke-dasharray:2,5]" />

Tailwind CSS не предоставляет прямой служебный класс для свойства CSS Stroke-dasharray, которое обычно используется в SVG для создания пунктирных или пунктирных линий. Однако вы можете расширить Tailwind, включив в него эту функциональность, добавив собственные утилиты.

Другие вопросы по теме