Вопросы по теме 'clip-path'

Проблемы с добавлением атрибута clip-path SVG через JavaScript
В настоящее время я пытаюсь получить что-то вроде конического градиента на диаграмме Google Gauge. Вы можете увидеть мои попытки в этой скрипте: https://jsfiddle.net/fqt8pjuw/ Я добавляю калибровочную диаграмму и конический градиент на холсте...
443 просмотров
schedule 13.01.2024

Как сделать трапецию с бордюром
Я попытался построить трапецию с текстовым содержимым и границей (белая линия шириной 1 пиксель). Я нашел примеры с чем-то вроде этого: height: 0; width: 120px; border-bottom: 120px solid #ec3504; border-left: 60px solid transparent;...
619 просмотров
schedule 21.02.2024

clip-path svg работает с изображением, но не с div
На MDN есть пример того, как использовать svg clip-path для изображения. Похоже, что тот же клип-путь не применяется к элементу div . Может кто прояснить: Почему этот код не работает должным образом Способ заставить svg clip-path работать с...
922 просмотров
schedule 19.10.2022

Как установить путь клипа DIV к многоугольнику на основе заданного SVG?
Вот фиктивная демонстрация Я хотел бы установить hero--right::after div в форму на основе файла SVG, используя clip-path. Я новичок, поэтому я немного нуб. <svg width="669" height="536" viewBox="0 0 669 536"...
10 просмотров
schedule 28.09.2022