05 января 2008 ~ 18 Комментариев

Построение графики на javascript

dg

Raphaël — небольшая библиотека(20 килобайт) для построения векторной графики на веб-сайтах.

Она использует SVG и VML в качестве базы для создания графики. Учитывая то, что каждый созданный объект — DOM объект, то при помощи JavaScript обработчиков можно легко изменять их свойства и действия.

Так что связка Raphaël + jQuery будет давать огромные возможности для разработки.

По заверениям автора, библиотека работает во все основных браузерах: Firefox 3.0+, Safari 3.0+, Opera 9.5+ и Internet Explorer 6.0+, а так же от себя добавлю Chrome.

С помощью этой библиотеки можно создавать по настоящему потрясающие вещи, например, такие как: разворачивание текста, динамические изображения, интерактивные графики и т. п.

Очень советую вам посмотреть примеры вещей, которые можно сделать, ссылки на которые указаны ниже — это не оставит вас равнодушными ;-)

Посмотреть пример №1

Посмотреть пример №2

Посмотреть пример №3

Посмотреть пример №4

Оф. сайт Raphaël

18 Комментариев для “Построение графики на javascript”

  1. Сергей М. 5 октября 2008 at 16:25 Permalink

    Интересные эффекты, но вот смысл их джеэсом делать?

  2. Я собственной персоной 5 октября 2008 at 16:44 Permalink

    Интересные эффекты, но вот смысл их джеэсом делать?

    А чем их еще делать? :)

  3. homer 5 октября 2008 at 16:46 Permalink

    Cупер Ваш сайт лучший

  4. illuzii 5 октября 2008 at 16:53 Permalink

    Очень круто!
    Буду использовать, спасибо!

  5. angizij 6 октября 2008 at 0:41 Permalink

    в хроме глючит (

  6. Lis 6 октября 2008 at 14:50 Permalink

    Притормаживает, причем машина у меня не слабая, а вообще эффектно.

  7. Вадим 6 октября 2008 at 22:24 Permalink

    Притормаживает, причем машина у меня не слабая, а вообще эффектно.

    Аналогично. Посмотрев первый пример вспомнил про зеркало )

  8. sevenov 8 октября 2008 at 7:24 Permalink

    У меня ноут с железками: корка T5600, 1gb DDR2, видео i945. Бразер FF 3.0.3, ОС: Debian – ни единого тормоза не заметил.

  9. WarHead 8 октября 2008 at 16:33 Permalink

    А как сделать чтобы вставить 2 картинки с отображением? Когда я попытался, т.е вставил 2 кода подряд:

    у меня отображалась только 1-я, а вторая была без отображения.

  10. Zodios 10 октября 2008 at 1:30 Permalink

    Как по мне, так полезный только второй пример с графиком, для остального не смог придумать адекватного применения.

  11. LEGION 4 ноября 2008 at 2:08 Permalink

    гуд….мне понравилось!

  12. nmike 21 ноября 2008 at 4:58 Permalink

    отличная вещь, особенно аналитика – только вот в ие рассыпается половина примеров. жаль

  13. Кос 26 ноября 2008 at 17:33 Permalink

    Отличные примеры! возможно применения немного, но бывает как придавит, что нужно именно это :) так что в архивчик положить стоит!

  14. Alex 13 января 2009 at 22:26 Permalink

    Даже если сразу возможности не очевидны (в конце концов это только несколько примеров) – сама возможность делать подобное на JavaScript чрезвычайно радует. Поскольку такое даже на серверной стороне не вдруг сделаешь.

    P.S. Недавно разбирался с Image API для Google App Engine – плакал. Такая, извиняюсь фигня. Как ни крути, а ни одной идеи в голову не лезет, настолько тривиальные возможности. А тут… определенно что-то можно изобрести, если не полезное, то как минимум красивое. Пипл любит бесполезные, но красивые феньки :)

  15. Денис 22 февраля 2009 at 20:54 Permalink

    Спасибо!

  16. Сергей 2 июня 2009 at 20:44 Permalink

    Что интересно, разработчик библиотеки – наш соотечественник!

    Удобно, когда нужно графику динамически менять, например, AJAX-ом

  17. Станислав 6 июня 2009 at 22:47 Permalink

    Понравился график с анализом. Работает плавно и красиво, такое видел только на флеш.

  18. Илья 24 июня 2010 at 18:03 Permalink

    Библиотека нужная, только местами сложно данные свои вставлять – это относится к путям.
    Часы очень понравились у них.


Оставить комментарий