.SVG to Raphael JS

[Constantin.UK]

Добрый вечер
Необходимо разместить на страничке векторные изображения. Прочитав несколько статей по данной теме, решил использовать библиотеку Raphael. В первую очередь из-за кроссбраузерности. Но если вставить "сырой" код из .SVG, или ссылку на него - то половина браузеров уже ничего не видит. Просмотрел примеры, заметил что код слегка модифицирован. Синтаксис изменен.
Вопрос, как подогнать изображение из illustrator, в код Raphael?

Пример:
Стандартный .SVG
Тот же рисунок, но с измененным синтаксисом.

[Constantin.UK]

Не сталкивались?

[FINoM]

Не в курсе как это сделать, но, возможно, тебе поможет http://code.google.com/p/svgweb/ - дает поддержку SVG всем браузерам, не поддерживающим этот формат. Требует флеш.

[Constantin.UK]

Не в курсе как это сделать, но, возможно, тебе поможет http://code.google.com/p/svgweb/ - дает поддержку SVG всем браузерам, не поддерживающим этот формат. Требует флеш.

Не, флеш отпадает сразу. Необходимо сделать все оформление используя векторную графику, и добиться кроссбраузерности с помощью Raphael. Без загрузки сторонних плагинов. Чтоб все работало "из коробки".

[FINoM]

. Необходимо сделать все оформление используя векторную графику

А зачем, если не секрет?

[Aetae]

Ну разве это так сложно: google -> SVG to Raphael .
https://github.com/wout/raphael-svg-import

[Constantin.UK]

А зачем, если не секрет?

У меня все оформление выполнено в графическом стиле, много картинок. Если более точно, то деревянный стол, на котором лежат различные предметы, визитки, чашка кофе, письма. Если все это дело оставить в .png, .gif - то размер страницы превышает 2мб. Это много.
Если все в векторной графики (все исходники именно в ней), то размер в 10 раз меньше, а это существенно.Плюс ко всему намного четче смотрится.
Многие изображения повернуты. Если растр поворачивать средствами css/javascript - то качество картинки заметно падает.



Поварачивать изначально в редакторе не получится, потому что картинки являются ссылками, с событием "onmouse". Пустые области не должны реагировать на курсор.

Плюс ко всему, не хочу рисовать отдельный пак графики под каждое разрешение. Векторное будет смотреться везде одинаково качественно.
Хочу найти решение, чтоб размер картинки зависел от размера окна браузера, и автоматически делал "scale". Знаю решение под растровое, но там таблицы - это немного другое.

[Constantin.UK]

Ну разве это так сложно: google -> SVG to Raphael .
https://github.com/wout/raphael-svg-import

Этот способ, первым делом испробовал. Но он, как и все которые находил в google, не дает положительного результата. 1 из 10 картинок он смог более-менее нормально отрисовать.
Чаще всего выходит следующее:




У меня не очень сложная графика в картинках, но и не простые кнопочки-квадратики. Но все что перепробовал, не дает должного результата.