Небольшое математическое приложение. При клике на кнопку "Продолжим?" появляется пример. Ввожу в инпут ответ. Первый пример отрабатывает штатно, но остальные два сначала…
Все привет! Столкнулся с проблемой работы с svg path, ранее использовал для прорисовки линий stroke-dasharray, stroke-dashoffset - и все работало, но здесь что-то пошло не так и э…
Есть SVG файл, такие делаются в SolidWorks Composer, также из SW можно выгрузить спецификацию в EXCEL или Google Таблицы, вопрос как отметкой флажка в, например гугл таблицах авто…
Как изменить цвет svg img { width:50%; height: 50%; } <link rel="stylesheet" href="css/style.css"> <img class="pic" src="https://upload.wikimedia.org/wikipedia/commons/b/…
Имеется следующий SVG элемент <svg height="20" width="20" viewBox="0 0 20 20" class="maplibre-gl-directions-bearings-control__waypoint-image" style="width: 50px; height: 50px; …
Подскажите, пожалуйста, что не так делаю с svg маской что оно не дает результат такой как на картинке ? body { margin: 0; } img { max-width: 100%; height: auto; } .hero_item { pos…
К примеру у меня есть вот такая окружность <div style="width: 100%; display: flex; justify-content: center"> <svg width="500" height="500"> <circle r="180" cx="232"…
Не отображаются иконки из спрайта через вставку use. Если вставлять через обычный img, картинка есть. Опечаток в названии иконки нет. <header class="header"> <s…
Hеобходимо, чтобы при нажатии на кнопку менялись SVG картинки (стрелка с зеленым фоном на белый). У меня получилось только так: белая появляется при нажатии, хотя должна сменить з…
У меня есть вот такая вёрстка svg круга *, *::before, *::after { box-sizing: border-box; } body { margin: 0; } .progressbar { max-width: 150px; font-size: 10px; --color: rgb(0, 18…
При загрузке страницы , должны появляться линии по направлению точки(левые направо , правые налево), в конце анимации ,на каждой появляется точка.
Всем Привет! Как можно отрисовать такую svg с одного края до другого? https://codepen.io/AlexeyArnaut/pen/ZEjPjaq <svg width="2155" height="1310" viewBox="0 0 2155 1310" fill="…
Как анимировать svg так чтобы поэтапно вырисовывался слева на право? А не сразу все углы svg { stroke: violet; stroke-width: 2px; stroke-dasharray: 149; animation: path 3s linear …
Есть проект на ts, создал используя cra. Использую для стилей библиотеку vanilla-extract и по инструкции добавил craco с использованием @vanilla-extract/webpack-plugin. Встала зад…
Есть подобное решение svg { color: #fff; fill: #fff; width: 25%; position: absolute; left: 10px; top: 20px; opacity: 1 !important; pointer-events: all !important; z-index: 10; } s…
пытаюсь изменить цвет изображения в css при помощи: .primary svg { fill: white; } .ghost:hover svg { fill: #FFFFFF; } само svg изображение я задал следующим образом: <img src=&…
.spinner { animation: spinner 1.5s ease-in-out infinite; } @keyframes spinner { 0% {stroke-dasharray: 0, 100; stroke-dashoffset: 0} 50% {stroke-dasharray: 65, 35; stroke-dashoffse…
Как это можно реализовать ? Пробовал вставить svg-код линии в html, но получается, что линия занимает площадь прямоугольника.
я новичок изучаю веб своими силами и у меня вылезло несколько вопросов по поводу использования svg на странице html. 1. Как правильно вставлять svg в html? Знаю несколько способов…
У меня есть карточка у нее есть стрелка <svg width="25" height="16" viewBox="0 0 25 16" fill="none" xmlns="http://www.w3.org/2000/s…
Как сделать бесконечную SVG анимацию без CSS и JS с данными условиями? Есть полоса в виде прямоугольника. Полоску полностью заполняет градиент из цветов (неважно 2 цвета или 12). …
Как в один блок вставить 9 иконок, чтобы 5 было на одной строке, а 4 на другой?
В проекте есть OpenGL-виджет, который рисует Землю в 3D и плоскую карту. Карта сейчас - это картинка в формате *.jpg. Для Земли в 3D рисуется сфера, на которую накладывается текст…
Пытаюсь сделать svg иконку в Inkscape. При увеличении она красивая, но чем меньше становится - тем более зубчатые края. Кто знает почему так происходит и как с этим справляться? К…
Здравствуйте. Используем плагин https://github.com/timmywil/jquery.panzoom и svg.js. Нужно получить координаты курсора мыши на svg. Есть решение, которое работает только в Chrome,…
Здравствуйте, начал изучать SVG! Такой вопрос, вот, например, прямоугольник (rectangle) или круг (circle) средствами svg закрасить легко, просто свойство одно! А если у меня фигур…
Кратко суть проблемы: имеется порядка сотни svg-файлов, в которых часть элементов повторяется. Можно ли эту повторяющуюся часть хранить в отдельном файле и загружать в эти svg? Пр…
Из-за чего может быть? Во всех браузерах, кроме safari, работает нормально (svg картинки), если удерживать клик на фоне документа, то происходит transform: scale, в safari отображ…
Нужно при помощи PHP/JS либо конвертировать существующий JPEG/PNG-файл в SVG, либо создать новый SVG из JPEG/PNG-файла.
Изображения использовать нельзя. Рамка должна быть резиновой. Проблема в том, что она располагается над фоном с градиентом, и получается так, что уголок снизу отличается цветом, е…