Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 33
Автор этого безобразия — Дима Барановский.
raphaeljs.com/analytics.html в Chrome 2.172.8 глючит очень
вот бы ещё там (http://raphaeljs.com/dragon.html) формочку сделать… что бы не спецы в js могли vml код забирать
Тоже вот хочу написать про то, как использовал это фреймворк в своем проекте. Пока проект в режиме закрытого бета-теста, поэтому показать нечего. Но кому будет интересно как создать интерактивный редактор-конструктор с применением векторной графики, драг-н-дропа и прочего, могу написать пару статеек.
очень приятная библиотека, которую можно с умом использовать.
ps
демки на их оф сайте в Chrome только у меня глючат??
ps
демки на их оф сайте в Chrome только у меня глючат??
К сожалению обошли создатели внимание вторую лису
2.0.0.20 дракон открылся, пример с «рисовать тут» тоже работает
вот вопрос: canvas и svg — это по сути одно и то же? В смысле ясно, что canvas это html5 тег а svg это векторная графика на XML
Но элементы там одинаковые или разные? Можно ли эти понятия смешивать?
Но элементы там одинаковые или разные? Можно ли эти понятия смешивать?
Совсем разные вещи.
Из тривиального вот это raphaeljs.com/playground.html будет работать и в IE а canvas не поддерживается оным, и не будет по ходу ;(.
1 ссылка:
sourceforge.net/projects/iecanvas
This project allows you to embed Internet Explorer and Mozilla within your java program as a java canvas.
И длл-ка на полтора метра внутри.
sourceforge.net/projects/iecanvas
This project allows you to embed Internet Explorer and Mozilla within your java program as a java canvas.
И длл-ка на полтора метра внутри.
Хм. Прошу прощения, вы наверное и имели ввиду этот проект, потому что в описании первой ссылки сказано «An ActiveX implementation of HTML Canvas». Просто я реализация канвы на чистом JS с помошью VML. Сейчас попробую её найти.
CANVAS — тег, в который можно рисовать при помощи JS, SVG — XML-формат векторной графики, его можно создавать при помощи JS (а можно и готовый подключать).
canvas:
— заправски раздаешь команды, чтобы порисовать
— все в пикселях, везде
— direct rendering
svg:
— основано на «типа» графе сцены (DOM, которым можно управлять)
— отрисовка происходит «сама по себе»
— все векторное до последнего момента (блита на экран)
— retained rendering
> Но элементы там одинаковые или разные? Можно ли эти понятия смешивать?
В целом, одинаковые понятия (porter-duff compositing, rasterization, 2D rendering), только представленные немного по-разному. Нижележая теория в общем одна и та же.
— заправски раздаешь команды, чтобы порисовать
— все в пикселях, везде
— direct rendering
svg:
— основано на «типа» графе сцены (DOM, которым можно управлять)
— отрисовка происходит «сама по себе»
— все векторное до последнего момента (блита на экран)
— retained rendering
> Но элементы там одинаковые или разные? Можно ли эти понятия смешивать?
В целом, одинаковые понятия (porter-duff compositing, rasterization, 2D rendering), только представленные немного по-разному. Нижележая теория в общем одна и та же.
drag and drop demo
Chrome 1.0.154.65
Chrome 1.0.154.65
> и хорошую документацию библиотке (не смотря на то что на английском языке все предельно ясно, хотя
> думаю если кто-то у кого с языками получше возьмется перевести сообщество ему только спасибо скажет)
_ _ _И (_ _ _ _, _ _ _ _, _ _ _. _, _, _ _-_, _ _ _ _ _, _ _, _ _ _ _ _)
> думаю если кто-то у кого с языками получше возьмется перевести сообщество ему только спасибо скажет)
_ _ _И (_ _ _ _, _ _ _ _, _ _ _. _, _, _ _-_, _ _ _ _ _, _ _, _ _ _ _ _)
Что мне не понравилось в этой библиотеке, так это ее «state oriented programming» и отсутствие некоторых очень важных фич (например, все координаты — относительно canvas, а относительно чего-то другого задать нельзя).
Первое вроде можно поправить, а второе — как я понимаю, нельзя. Хотя, может быть, можно. :)
Первое вроде можно поправить, а второе — как я понимаю, нельзя. Хотя, может быть, можно. :)
А вот если посмотреть на исходники библиотеки, то можно понять, что документация реализована всего где-то % на 40. А вот это плохо!
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Raphaël