Публикации по теме 'svg'


Карты SVG с HTML, JavaScript и Svelte
Одним из преимуществ файлов SVG является возможность редактировать их с помощью JavaScript на HTML-странице. Чтобы упростить процесс, я создаю небольшое приложение с Svelte , куда вы можете загрузить файл SVG, отредактировать его, а затем сохранить обратно на диск. Откройте SVG-файл Сначала я создаю кнопку для выбора файла для загрузки и элемент HTML для отображения файла. После выбора файла я получаю что-то вроде этого: Как масштабировать и перемещать карты SVG Для..
Построение простого SVG
На днях в Redshift Digital мы столкнулись с несколькими сбоями при создании анимации GSAP с простым путем SVG. Можно подумать, что со всеми доступными инструментами это будет не так уж сложно. Что ж, угадайте, что? Иногда слишком много технологий и слишком много вариантов. Чтобы помочь вам избежать некоторых изумительных моментов, связанных с разгадыванием векторной тайны, вот небольшой рабочий процесс, описывающий часть процесса. Первым препятствием был актив для SVG. В этом примере..

Вопросы по теме 'svg'

Могу ли я использовать смешанные единицы с элементом «путь»?
SVG имеет прямоугольный элемент, размеры которого можно указать в процентах от размеров его владельца и радиус в пикселях. Итак, сделав следующее <div style="position: relative;"> <object class="AIRound"...
2735 просмотров
svg html
schedule 13.11.2023
Экспорт путей GIMP в вопрос .svg
Я использовал направляющие в файле GIMP, чтобы создать путь, который представляет собой просто прямые линии — никаких кривых или чего-то еще. Однако, когда я экспортирую путь, код SVG использует индикатор кривой «C» для рисования пути. Итак, часть...
2829 просмотров
svg gimp
schedule 18.04.2024
Последовательное изменение цвета фона при наведении курсора на ссылку SVG
Я решил поиграться с переделкой навигационного меню в SVG. На самом деле это очень похоже на навигацию этого сайта, так что особо нечего представлять. Я рисую блоки с помощью SVG, а затем размещаю над ними текст, заключая их в ссылку. Прикрепив...
2741 просмотров
svg
schedule 21.04.2024
Работа с полигональными элементами SVG
Я пытаюсь работать с полигоном SVG и javascript. Я создаю многоугольник и устанавливаю его начальный список точек следующим образом: var polygon = document.createElementNS('http://www.w3.org/2000/svg','polygon'); polygon.setAttribute("points",...
19798 просмотров
javascript svg
schedule 29.12.2023
Координаты SVG в координаты VML
у меня есть файл svg <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="200px" height="" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality;...
2507 просмотров
xml svg html vector vml
schedule 09.12.2022
SVG - из координат окна в координаты ViewBox
По сути, у меня есть svg «SecondSVG» в svg «FirstSVG» в svg «MainSVG». Каждый svg имеет свой собственный ViewBox. Эта страница может быть загружена в любом месте экрана с другой страницы. Итак, как я могу найти экран x для viewBox для «SecondSVG»,...
3557 просмотров
javascript svg firefox
schedule 07.11.2022
Рендеринг шрифта SVG в Adobe Illustrator или Corel Draw
Я разрабатываю проект, который создает файлы SVG с пользовательскими встроенными шрифтами. Определение шрифта SVG я составляю как тег шрифта SVG с помощью http://www.fontsquirrel.com/fontface/generator или Batik SVG Toolkit. Полученный файл SVG я...
3565 просмотров
svg fonts adobe-illustrator coreldraw
schedule 17.02.2024
Один файл SVG, множество градиентов SVG внутри
Я делаю набор кнопок, которые используют динамические градиенты. Я позаботился о Firefox 3.6+ и WebKit, используя их проприетарные расширения CSS, и все, что мне нужно сделать, это поддержать Opera, iOS и IE9 с помощью background-image:...
3816 просмотров
svg gradient css
schedule 27.11.2022
Расчет координат SVG linearGradient
Как я могу рассчитать значения координат (x1, y1, x2, y2) для элемента linearGradient SVG с разными углами?. Нужно добиться вращения градиента. Любая помощь высоко ценится, Спасибо, ШАН.
421 просмотров
svg
schedule 12.11.2023
Перетаскивание с помощью Raphael js
Я пытаюсь создать игру-головоломку в javascript, используя raphael, чтобы позаботиться о перетаскивании и вращении частей. Проблема, с которой я сталкиваюсь: всякий раз, когда я поворачиваю изображение, его система координат также поворачивается, и...
2160 просмотров
javascript svg raphael
schedule 07.01.2024
Интерактивные карты SVG WORLD с подсветкой при наведении курсора мыши?
Может ли кто-нибудь направить меня к мировому примеру SVG с подсветкой при наведении курсора мыши? Я хотел бы найти несколько хороших примеров, которые имеют карту мира с деталями. Большое спасибо.
1741 просмотров
svg
schedule 10.04.2024
Вызов QPainter JNI приводит к сбою приложения
Что я пытаюсь сделать — сделать вызов JNI к общей библиотеке, написанной на Qt. На стороне С++ я использую QPainter и QSvgRender для управления изображением svg и возврата простого QImage. QImage im; QPainter painter; if("image/svg+xml" ==...
408 просмотров
crash svg qt java-native-interface
schedule 03.05.2024
Вычислить центр пути после применения матриц преобразования
Я сделал логотип в Inkscape. Для обучения я хотел, чтобы форма колеса в логотипе вращалась с помощью поддержки анимации в SVG. Реализовать вращение было легко, но мне было сложно указать правильную ось вращения. Форма представляла собой зубчатое...
1790 просмотров
svg animation matrix inkscape
schedule 26.09.2022
raphael.js вращение области clip-rect
Я могу показать прямоугольную часть изображения, используя атрибут clip-rect в raphael.js. Не могли бы вы рассказать мне, как я могу повернуть эту область клипа (не изображение). Может быть, мне следует использовать атрибут clipPath svg? Но это...
1311 просмотров
svg rotation internet-explorer raphael image-clipping
schedule 16.09.2022
SVG внутри ‹div› всегда больше контейнера
У меня есть огромный файл SVG внутри DIV. Я хотел бы прокрутить SVG внутри div, щелкнув ссылку A. Моя проблема в том, что я хотел бы, чтобы мой DIV оставался меньше, чем мой документ SVG, поэтому у меня могут быть активные полосы прокрутки....
13466 просмотров
svg html scrollbar
schedule 25.11.2022
svg узор на фоновом изображении
Можно ли поставить шаблон .svg в качестве фонового изображения, шаблон svg должен быть изменен по ширине и высоте окна.
678 просмотров
svg jquery css
schedule 29.12.2023
поместите SVG поверх html-элементов
Я использую SVG для некоторых диаграмм. Но у меня проблема с всплывающим окном svg. Как вы можете видеть на картинке, html div (зеленая полоса) перекрывает черное всплывающее окно. Есть ли способ разместить svg поверх html-элементов (в моем случае...
26679 просмотров
svg html
schedule 02.05.2024
Тег SVG ‹image›, встроенный в HTML, не загружает изображение в браузере
Попытка загрузить изображение в SVG с помощью HTML-страницы: <html> ... <svg> <image x="330" y="137" width="320" height="38" preserveAspectRatio="none" href="/img/title.png"></image> </svg> ... </html> Все...
19567 просмотров
svg html cross-browser
schedule 08.01.2024
svg путь к полилинии svg
мне нужно знать, можно ли преобразовать путь svg в полилинию svg или нет. я нашел код javascript которые преобразуют путь в многоугольник : function pathToPolygon(path,samples){ if (!samples) samples = 0; var doc = path.ownerDocument; var...
4265 просмотров
javascript svg path polygon polyline
schedule 30.11.2023
Анимация масштабирования бумаги Рафаэля
Мне удалось сделать хак, чтобы увеличить бумагу Рафаэля, так как setviewbox у меня не работал, вот функция, которую я написал: function setCTM(element, matrix) { var s = "matrix(" + matrix.a + "," + matrix.b + "," + matrix.c + "," + matrix.d +...
9436 просмотров
svg animation jquery zooming raphael
schedule 03.02.2024