Создание и стилизация групп в Рафаэле

Question

Я только начал изучать библиотеку raphael.js для создания SVG-графики в браузере.На этой неделе я коснулся регулярного svg в надежде на быстрое подтверждение концепции конфигуратора продукта.Я взял рисунок обложки, который был у меня в иллюстраторе, сохранил его как SVG, а затем скопировал и вставил код SVG в страницу HTML.

http://jamesbillings.me/testjacket.html (не работает в IE)

пожалуйста, просмотрите исходный код и посмотрите, как я это делаю, это очень просто.

Умная вещь, которую делают SVG и иллюстратор, заключается в том, что она сохраняет SVG с группировкой или, как казалось, называется <g id's>, а затем стилизует SVG с помощью CSS.Это облегчает быстрое попадание в точку с небольшим количеством jquery, чтобы части исчезли или изменили цвет.Тем не менее, я изо всех сил пытаюсь сделать то же самое в восторге от рисунка, сделанного в иллюстраторе.

Я бы хотел предложить зрителям IE8 эту выгоду, поэтому я смотрю на рафии.Кто-нибудь знает, если это выполнимо без создания изображения в коде.

Answer 1

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

Вам действительно нужно укрепить свою уверенность в Рафаэле, потому что это хорошо видно на старых Ie и iPod

На моем сайте я только что создал страницу значительно большего размера, и в ней нет графики

Пока вы там, вам, возможно, будет легче разобраться с Рафаилом

Также Рафаэль - слой абстракции для SVG (который также является отличной спецификацией) Однако, если вы создаете свое приложение и оно достаточно быстрое для пользовательской базы, кого волнует, будет ли оно медленнее, чем чистый SVG

Также я думаю, что люди путаются между загрузкой SVG в браузере и SVG со всем его кодом JavaScript

иди сюда http://www.irunmywebsite.com/raphael/additionalhelp.php?v=2#pagetop

Answer 2

Я не обычный пользователь Raphaël (я обычно делаю только прямые SVG и vanilla DOM JS), но из того, что я могу сказать, Raphaël явно не поддерживает группы (элементы SVG <g>), так как они не существуют вЗемля VML.

Самое близкое, что вы можете придумать, - это создать set и вставить все элементы в него, чтобы ваш JS мог стилизовать их сразу.Это не удобство элементов, соответствующих правилам CSS, и это не «живой» (добавление элемента в набор не приводит к тому, что он получает атрибуты, ранее примененные к этому набору), но вы не могли сделать это с VMLв любом случае.

Если вы должны поддерживать IE8, боюсь, это ваш лучший вариант.

Или вы можете «подтолкнуть» пользователей IE8 к обновлению до IE9 и забытьРафаэль слой абстракции в целом и опыт сырой силы чистого SVG.;)