Описание тега svg.js
NoneSvg.js - это легкая библиотека для управления и анимации SVG. Svg.js не имеет зависимостей, стремится быть как можно меньшим по размеру и лицензируется в соответствии с условиями лицензии MIT.
0
ответов
Применить преобразование группы к каждому элементу
Я использую svg.js для некоторых манипуляций с сиденьями и врезаюсь в стену, вращая группу. Я хочу передать ротацию группы элементам этой группы, чтобы я мог сохранить каждый элемент в виде одной строки в базе данных. Вот пример на jsfiddle: https:/…
16 июл '18 в 20:10
1
ответ
Невозможно импортировать svg.js в Typescript
Я установил svg.js как зависимость для разработчиков. Он появляется в моем package.json как svg.js": "^2.6.6", Я могу импортировать библиотеку в файл JavaScript с помощью: import SVG from 'svg.js'; Однако, если я делаю то же самое в файле Typescript…
05 сен '18 в 14:55
1
ответ
svg.js позиционирует текст в середине пути
Я пытаюсь использовать svg.js для позиционирования текста на середине пути. Ниже я могу добиться этого через SVG... <svg width="140" height="140"> <defs> <path id="textPlot" d="M68,27 L 51 31 39 39 29 52 26 69 31 86 41 99 55 108 70 11…
27 ноя '18 в 19:37
0
ответов
Как поставить в очередь изменение атрибута, если выполняется другая анимация с использованием SVG.js?
Я использую SVG.js, у меня есть 2 виджета на странице, widget1 имеет анимацию, которая меняет радиус круга в течение секунды. topElement.animate({ duration: "1s" }).radius(newRadius); Widget2 имеет функцию обратного вызова, которая изменяет непрозра…
28 фев '19 в 15:06
1
ответ
Получить абсолютную позицию элемента SVG
Предположим, этот фрагмент кода с svg.js var g1 = draw.group(); var g2 = g1.group(); g2.move(100,100); var g3 = g2.group(); g3.rect(200,200); Теперь, как я могу получить абсолютную позицию этого rect?Спасибо за любую помощь
03 авг '13 в 13:26
1
ответ
svg.js svg.draggable.js и манипулирование внешностью
Я хочу использовать svg.js для реализации перетаскивания и манипулирования внешним видом графических элементов. В основном это работает, но я не до конца понимаю почему. Я извлек основную часть из моего приложения, чтобы проиллюстрировать ситуацию, …
16 май '17 в 17:56
1
ответ
CSS селекторы, не зная тип элемента это
Я пытаюсь сделать игровые доски. Я определяю общую группу "кусок", которая может содержать много разных элементов. Ничто не мешает пользователю сделать игру настолько сложной, насколько он захочет. Но мне нужно знать, какие элементы должны быть запо…
15 фев '19 в 18:18
1
ответ
Изменение цвета элемента SVG.Use в js
Я использую библиотеку SVG.js и вот часть моего кода var main_field = SVG('field'); var rn = main_field.defs().image('rn.png',70,70); var a = main_field.use(rn).move(70,70); Теперь я хотел бы манипулировать цветами изображения, но a.fill({color: '#f…
02 янв '19 в 12:03
0
ответов
Как перенести значение с карты SVG
Я собрал карту SVG с https://pixelmap.amcharts.com/. Я хочу, чтобы при нажатии на город на карте этот перенос значения в моей базе данных выполнялся. Как я могу это сделать?
10 апр '17 в 08:46
1
ответ
Как использовать преобразование svg.js с параметром матрицы в машинописи?
Когда я использую svg.js lib с javascript, я могу преобразовать данный элемент через SVG.Matrix вот так: import * as SVG from 'svg.js'; let draw = SVG('drawing').size(200, 200); let rect = draw.rect(100, 100).attr({ fill: '#f06' }); rect.translate(1…
25 ноя '18 в 13:24
0
ответов
SVG: проверьте, что точка события мыши лежит на дуге
Моя Арк очки: <path d="M493.2603764000869,382.72281891984284 A67.55,140.3392240243227,-92.82217050690554,0,0,583.1119384765625,263.44476318359375d"> И моя точка мышки: MouseX:567.9578247070312 mouseY:279.65753173828125 Я хочу выяснить, находят…
30 сен '15 в 07:22
1
ответ
Масштабирование SVG в родительский контейнер
Я использую svg.js для рисования линий, как на холсте. Можно ли масштабировать элемент svg, созданный путем вызова SVG(), до размера родителя? На данный момент я просто перерисовываю все строки, когда размер элемента изменяется. <div ref={r =>…
20 мар '18 в 09:45
1
ответ
SVG.JS Добавление текстового пути к тексту с использованием существующего пути
Пытаюсь поместить текстовый путь в элемент Text в SVGJS, но я хочу использовать существующий путь вместо SVGJS, создавая дополнительный элемент Path в defs раздел, который я должен обновить. Причина этого в том, что у меня есть (текстовая) метка, ко…
19 июн '18 в 09:25
1
ответ
Как центрировать текст в прямоугольнике в svg.js?
Я пытаюсь нарисовать прямоугольник с текстом в центре, в то время как элементы сгруппированы. Вот мой код: var draw = SVG('canvas') var group = draw.group(); var rect = draw.rect(100,100).fill('#f09') group.add(rect); var text = draw.text('AAA'); te…
06 ноя '13 в 19:51
1
ответ
Как добавить свойство обводки к нарисованному элементу?
У меня есть функция, которая рисует круги на моем элементе SVG: function drawCircle( pElem, pX, pY) { pElem.circle( 7 ).fill( '#00FF00' ).move( pX, pY ); } //drawCircle Но я хочу добавить черный штрих к нарисованному элементу так: function drawCircl…
15 ноя '18 в 15:37
1
ответ
Анимация искривленного движения объекта с помощью svg.js
Я хочу анимировать изогнутые движения (без вращения) объекта с помощью svg.js. Но я не могу найти легкого решения этой проблемы. Я написал две маленькие функции, которые прекрасно работают, но не работают как обычная анимация и не работают идеально …
28 апр '17 в 13:05
2
ответа
Использование svg.js с TypeScript
Я делаю приложение для веб-сайта, используя TypeScript, и я хочу использовать библиотеку svg.js. Я пишу на TypeScript и автоматически компилирую в JavaScript, который запускается в браузере. Это возможно? И если да, то как?
12 фев '18 в 01:01
0
ответов
Получение текста из текстового элемента с переполненным содержимым возвращает только видимый сегмент текста
У меня есть SVG, содержащий несколько групп с текстовым элементом и немного текста. Этот текстовый элемент устанавливается в соответствии с размером его родителя, который иногда может быть несколько маленьким. Это иногда приводит к тому, что текстов…
22 май '18 в 18:54
1
ответ
Рендеринг SVG-глифов вручную
В настоящее время я реализую простой текстовый рендеринг SVG. Я извлекаю информацию о пути из файла SVG для символов, которые мне нужно нарисовать. Это вся необходимая информация для шрифта / символов, хранящихся в объекте JSON: window.font = { hori…
05 сен '13 в 19:45
1
ответ
Не могу нарисовать путь, используя svg.draw.js
Я делаю очень простой инструмент проектирования, используя svg.js и svg.draw.js, в котором пользователь делает простой дизайн, используя линии, полилинии, прямоугольники и рисование от руки. svg.draw.js - это расширение svg.js, которое позволяет рис…
27 июл '17 в 14:56