0
голосов
0ответы
4 просмотра

Анимация перехода не работает в Safari (React + D3)

Вот рабочий пример: https://codesandbox.io/s/d3-react-basic-attempt-forked-5y881 Координата Y изменяется путем преобразования и работы в Chrome / FF, как и ожидалось, но «прыгает» внутрь. ..
0
голосов
0ответы
10 просмотров

Как изменить SVG-элемент на веб-странице с контентом из нового файла?

Я использую SVGInject для загрузки svg-изображений в строку: <img src = "image1.svg" id = "changeme" onload = "SVGInject (this)" /> Это работает как шарм, и изображение можно перемещать, ...
0
голосов
0ответы
25 просмотров

Есть ли простой способ использовать SVG в качестве флажка в JSX?

У меня довольно сложная форма, над которой я работаю, и у меня есть два SVG, которые стилизованы под флажки для отмеченных и непроверенных состояний. Я пытаюсь найти способ использовать их вместо ...
0
голосов
0ответы
13 просмотров

Использование кадра с SVG не может заставить его расти

У меня есть кадр в SVG, который мне нужен, чтобы он увеличивался (реагировал) на разных устройствах, но я не могу заставить его работать. это сводит меня с ума, вот html: <body> <article> <h1> ...
0
голосов
0ответы
12 просмотров

ImageBitmap из SVG - Неровный текст для некоторых размеров шрифта

Я динамически создаю код SVG, содержащий текст на прозрачном фоне. SVG должен быть нарисован на холсте, шрифты должны быть взяты из Google Fonts. Проблема: Хотя подход в основном ...
0
голосов
2ответы
29 просмотров

Импортируйте элемент SVG из другого документа, не теряя CSS <style> из исходного файла.

Мне нужно создать несколько файлов SVG, и я хотел бы сохранить набор общих символов в одном файле и импортировать их в другие. Мне удалось сделать это с помощью элемента <use>: <use href = "...
-1
голосов
0ответы
25 просмотров

Как распознать строку или текст в svg или путях? [закрыто]

У меня есть несколько изображений SVG, и я анализирую их с помощью инструментария PocketSVG, вот код, в котором я разбираю и добавляю слой в представление UIImage, а также добавляю поддержку жестов для этого слоя. Мой первый ...
-1
голосов
0ответы
25 просмотров

Нарисовать рамку поверх изображения в HTML с помощью карты

Мне нужно нарисовать несколько ограничивающих рамок над изображением, я использую и для преобразования некоторых областей в интерактивные области, и мне нужно нарисовать прямоугольник над этими областями. Проблема в том, что когда я что-то рисую ...
-1
голосов
1отвечать
27 просмотров

Изменить цвет заливки элемента svg с помощью машинописного текста

У меня есть список из 96 элементов в svg, у них есть идентификаторы от 1 до 96. Я хочу сделать цикл for, который будет проходить через все элементы и устанавливать их цвет на какой-то цвет. Я пробовал пару вещей, но ничего ...
-1
голосов
0ответы
11 просмотров

Содержание всплывающей подсказки при наведении курсора на элемент SVG с изображением [дубликат]

Нужна помощь Мне нужно добавить всплывающую подсказку на элемент svg с идентификатором. Если я наведу указатель мыши на определенную зубную губку с идентификатором с html или появится текст с изображением, возможно ли получить такой результат, как этот https: // ...
0
голосов
1отвечать
26 просмотров

SVG-анимация сверху слева направо снизу

Мне нужно анимировать этот svg из верхнего левого угла в нижний правый, как гифку, которую я вставил по ссылке ниже. https: //cdn.dribbble.com/users/2077073/screenshots/14916463/media/c43c68af81ae5544bd6065027644edce ....
-2
голосов
1отвечать
20 просмотров

Как получить пунктирную линию (со значком стрелки вниз) SVG-анимацию при соответствующей прокрутке?

Как добавить значок вниз (маленький) в пунктирную линию? Не могли бы вы мне помочь? Как эта строка: - Как получить анимацию svg пунктирной линией при соответствующей прокрутке? Просто нужно добавить стрелку вниз в ...
0
голосов
2ответы
34 просмотра

Реагировать: SVG динамически добавляет CSS по идентификатору или классу

В React у меня есть файл svg, например mySVG.svg <svg width = "50" height = "50" viewBox = "0 0 50 50" xmlns = "http://www.w3.org/2000/svg"> <rect id = "Unit1 & ...
0
голосов
0ответы
30 просмотров

Анимация SVG с двумя контурами [закрыто]

Вот мой html-код. Я могу анимировать SVG с одним путем, но мой CSS, похоже, не работает при попытке анимировать этот новый SVG с двумя путями. <! - SVG PRE HOVER -> <svg xmlns = "http: // ...
0
голосов
0ответы
18 просмотров

Как программно найти масштаб SVG с заданной шириной и высотой. Узел JS [закрыто]

Я конвертирую строку в SVG, но при преобразовании используется размер шрифта, чтобы определить размер пути для SVG. Мне нужно масштабировать SVG до максимального размера на основе предоставленной ширины и ...