В поисках хорошего решения для фреймворка SVG + Javascript

Я хочу услышать об опыте других с SVG + Javascript Frameworks.

Вещи, которые я бы хотел, чтобы фреймворк обрабатывал - создание DOM, обработка событий и минимальный размер.

Плагин JQuery SVG - http://keith-wood.name/svg.html, кажется, единственный, который я могу найти.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
14
0
13 528
7

Ответы 7

Вам нужен SVG или просто обработка векторной графики? Джон Ресиг перенес язык визуализации «Обработка» на JavaScript. Я никогда не использовал его, но от создателя jQuery он может вам помочь, если вам на самом деле не нужен SVG.

http://ejohn.org/blog/processingjs/

Я еще не использовал его, но некоторое время назад я добавил PlotKit в закладки, потому что это фреймворк javascript, который генерирует svg

Рафаэль - это среда JavaScript для управления векторной графикой с помощью SVG или VML, в зависимости от того, что поддерживает браузер.

Мой любимый JavaScript-фреймворк - jQuery. Но исходный пакет jQuery не может работать внутри SVG из-за некоторых мест, специфичных для HTML.

Но я пропатчил последнюю версию jQuery (1.4.2), поэтому теперь она может работать под SVG. Можно взять пропатчен пакет jQuery отсюда.

Единственная проблема заключается в том, что SVG не вызывает функцию инициализации из встроенного источника jQuery, поэтому я должен был ввести функцию jQueryInitialize, а jQueryInitialize(window); должен быть вызван вручную в событии svg:onload.

Извините, но механизм предотвращения спама не позволяет мне размещать более одной гиперссылки в одном ответе. Вот доказательство концепции запуска jQuery под SVG.

Проверьте Библиотека D3

D3.js is a small, free JavaScript library for manipulating documents based on data.

Этот пост слишком старый, но я думаю, что людям будет интересно посмотреть http://snapsvg.io/, который является фреймворком, созданным тем же парнем, что и Рафаэль. Но для современных браузеров.

Другие вопросы по теме