SVG библиотека для манипуляций с элементами
Добрый день.
Возможно кто-то знает и использовал в своих проектах библиотеку для манипуляции с svg элементами ( polygon, rect, circle ) и может подсказать что-то небольшое по размеру и простое в обращении? Цель - это отрисовка динамически элементов + возможность их перемещать + изменять им размеры ( в polygon перемещать ребра ). leaflet или openlayer имеют данный функционал, но тянут за собой слишком много лишнего и их основная цель работа с картой, у меня же карты нету, а нужно размечать элементы на картинке. Спасибо :) |
у SVG все очень плохо со скоростью отрисовки всего SVG объекта
разумнее использовать canvas что то на вроде http://libcanvas.github.io/ |
Цитата:
Данная библиотека, судя по репо, уже лет 7 не обновляется. По canvas знаю еще fabric.js , но взаимодействия с такими фигурами проблематично + он не покрывает все мои нужды из указанного ( нету возможности обрабатывать каждое ребро у polygon ). SVG как то ближе) |
|
Цитата:
Возможно я плохо прочитал документацию, но не нашел там нужного взаимодействия над polygon, построить - да, а как потом по точкам двигать и менять размеры не нашел. В целом, самая большая проблема это именно полигоны и взаимодействия с ними, все остальные фигуры не вызывают проблем, идеальный вариант - это такая же работа как и в leaflet, хочется что-то подобное, но без карты) |
http://fabricjs.com/polygon-animation
https://jsfiddle.net/Fidel90/9s04n68p/ fabricjs polygon example in :) |
Цитата:
Возможно я плохо объяснил задумку, суть в том, чтобы добиться вот такого эффекта https://gojs.net/latest/extensions/PolygonDrawing.html , плавности и возможности редактирования по точкам ( рисовать разные фигуры как в openlayer и leaflet + взаимодействовать с ними по точкам, манипулировать их размерами ). Есть на просторах svg.js , но она никак не адаптирована под React, а последняя версия без draw эффекта, как в крупных библиотеках аля leaflet. У меня 2 режима в приложении: в одном я просто обрисовываю фигуры ( и тут мне хватает чистого svg ), а во втором режиме я должен рисовать эти фигуры сам и передавать координаты. :( Если не брать в расчет полигоны, то с остальными фигурами проблем как таковых нет, на данный момент вся загвоздка именно в них. |
https://habr.com/ru/post/152731/
Не надо приивязыватся React |
Цитата:
|
Часовой пояс GMT +3, время: 05:54. |