Возможно ли использовать Raphael для управления встроенным SVG-изображением? Раньше я использовал Raphael для рисования фигур, но на самом деле не видел, чтобы он использовался для управления существующим SVG-изображением. Если нет, есть ли что-нибудь еще, что позволяет мне легко менять цвета, добавлять события и т. Д. В полигоны встроенного SVG-изображения?Использование Raphael для управления SVG
ответ
Забавно, вчера я нашел страницу glitchsvgicons, выполнив это.
Хотя это очень примитивно, просто замените детали на регулярное выражение.
Это может быть намек: видимо, вы можете использовать старый добрый поиск/замену текстовых частей на значки SVG. Но это более подвержено проблемам, чем использование реального дерева ...
Из моего опыта, читающего источник Raphael.js
, я должен согласиться с предыдущими сообщениями. Единственный способ, которым я могу думать о замене или изменении SVG, заключается в замене/изменении самой разметки/DOM.
Все, что я хочу добавить в мой ответ, - это краткое общее объяснение , почему это так. Raphael спроектирован как генератор SVG/VML . То есть, Raphael создает объекты JavaScript и добавляет соответствующую разметку SVG/VML в DOM по мере их создания. У объектов есть много дополнительных свойств, которые заставляют их работать в рамках Рафаэля.
Возможно, возможно создать плагин, который может построить объект Raphael вокруг элемента SVG, прочитав его свойства, но я подозреваю, что у такого объекта может не быть всей информации, необходимой ему для сосуществования с другими объектами Рафаэля , Разумеется, в настоящее время таких функций разбора/реконструкции нет.
Документация Raphael относительно режима «ниндзя» поддерживает ваши замечания. режим Raphael 'ninja' удаляет глобальный объект Raphael, но документация указывает, что использование режима «ninja» может препятствовать работе плагинов, поскольку им необходимо получить доступ к глобальному объекту Raphael [link] (http://raphaeljs.com/reference.html # Raphael.ninja) –
Режим ниндзя не имеет ничего общего с моим ответом. Я имею в виду не глобальный объект Рафаэля, а отдельные объекты, которые соответствуют элементам SVG, созданным Рафаэлем. – myw01
- 1. SVG Путь полукруг (Raphael)
- 2. Tricky raphael svg animation
- 3. Raphael SVG событие похоже Element.dblclick()
- 4. Quickinfo для Rectangle SVG Object/Raphael JS
- 5. Как обработать событие mouseover для Raphael SVG
- 6. Подсказки для мыши на дорожках SVG Raphael
- 7. Переход от svg к Raphael
- 8. Создайте этот SVG с Raphael
- 9. Инициализация Raphael с элементом svg
- 10. Как сохранить svg, сгенерированный raphael
- 11. Использование Raphael JS для создания текстовых узлов
- 12. Raphael загрузка SVG-файла с сервера
- 13. Raphael JS - Разбор SVG на лету
- 14. Использует ли Raphael js холст или svg?
- 15. Word Wrap в Raphael JS/SVG
- 16. Использование JQuery с Raphael
- 17. Вертикально инвертируя форму Raphael SVG не работает
- 18. SVG/Raphael: Все пути через заданную точку?
- 19. Raphael - отзывчивый SVG - проблемы с разными браузерами
- 20. Raphael JS использует образец заполнения SVG
- 21. Почему jQuery.data() ошибки с путями Raphael svg?
- 22. Магазин raphael svg в переменной javascript
- 23. SVG Raphael jQuery Дорога/путь трейдинга
- 24. SVG анимация вдоль пути с Raphael
- 25. Выполнение SVG-изображения с использованием Raphael
- 26. Как манипулировать частями формы с Raphael/svg?
- 27. Raphael - сохранить атрибуты элемента svg после анимации
- 28. Рендеринг полигонов SVG в Raphael Библиотека Javascript
- 29. Элемент Raphael SVG переполняется под складкой иногда
- 30. Перетаскивание SVG с помощью Raphael JS
Судя по отсутствию ответов, я думаю, что нет возможности использовать Рафаэль для этого. Я думаю, что я использую jquery для управления деревом DOM. – Max