Что лучше и почему? РафаэльJS или холст HTML5?

Я нашел векторную библиотеку в Интернете, которая даже работает с IE6!

http://raphaeljs.com/index.html

Это потрясающе.

Теперь мой вопрос лучше, чем предстоящий HTML5 < холст > ? Единственная причина, по которой я спрашиваю, это может быть за несколько лет до того, как Microsoft внедрит <canvas> для этого не требуется плагин для его запуска.

И это будет еще дольше, пока все пользователи IE в Интернете не избавятся от своих старых браузеров, чтобы мы могли даже оправдывать использование HTML5 <canvas> .

Я все о том, чтобы придерживаться стандартов, но этот процесс займет слишком много времени, благодаря медленному развитию MS их браузера.

Мысли?

Ответы

Ответ 1

Raphael - это векторная графическая библиотека, выполненная с использованием SVG, тогда как холст HTML5 - это растровая графика.

Если вы хотите сделать векторную графику, я думаю, что переезд с Рафаэлем, вероятно, хороший выбор по "простому" холсту. Как вы говорите, холст не совсем работает с IE, и, вероятно, он пройдет некоторое время, прежде чем он будет поддерживаться. Если Рафаэль делает то, что вам нужно, нет особых причин не использовать его.

Обратите внимание, что для этого есть и другие библиотеки: Excanvas, который эмулирует canvas для IE, используя VML (насколько я знаю), а также некоторые другие, которые делают то же самое с Silverlight и Flash, но я забыл их имена.

Там также Dojo, который имеет компонент для абстрагирования использования холста за простым в использовании интерфейсом, который также поддерживает IE.

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

Ответ 2

SVGWeb (http://code.google.com/p/svgweb/) Google - это то, что вы хотите. Это делает IE совместимым с SVG, который является стандартным, и который все другие основные браузеры уже поддерживают. Другими словами, как говорят google, "используя библиотеку плюс встроенную поддержку SVG, вы можете мгновенно настроить ~ 95% существующей установленной веб-базы".

Ответ 3

И вы можете использовать http://code.google.com/p/explorercanvas/, который реализует стандарт холста HTML5 в IE. Все, что вы делаете, это добавить:

<head>
<!--[if IE]><script src="excanvas.js"></script><![endif]-->
</head>

Разница между Canvas и SVG объясняется следующим образом:

SVG и холст на самом деле взаимозаменяемые технологии. SVG - это тип графики с сохраненным режимом, где все делается из довольно абстрактная модель (документ SVG). Холст, с другой стороны, является своего рода графика немедленного режима, где нет модели и клиента (JavaScript) должен позаботиться о перерисовки, анимации и т.д.

Ответ 4

Ответ зависит от того, что вам нужно:

  • если вам нужно добавить обработчики событий к графическим объектам: вам нужно использовать SVG. Else Canvas.

  • Если события не нужны, важна производительность: если да, то Canvas 5.

Обратите внимание, что IE 9 поддерживает Canvas и предлагает больше поддержки HTML 5 по сравнению с другими браузерами!

Ответ 5

искал "raphael vs canvas", должность здесь 5 лет. С того времени что-то изменилось? Является ли raphael obsolet?