background preloader

Programming

Facebook Twitter

Meteor. Instant Documentation Search. Paper.js Vs. Processing.js Vs. Raphael.js. Набрёл на статью со сравнением трёх JS библиотек для рисования в WEB Paper.js, Processing.js и Raphael.js. Думаю она будет интересна не только мне. Прежде чем начать рисовать что-либо в браузере, спросите себя о следующих трёх вещах: Вам нужна поддержка старых браузеров? Если ответ да, тогда единственный выбор, это Raphaël. Он поддерживает браузеры вплоть до IE 7 и Firefox 3. Выбор наиболее подходящего фреймворка может определить успех Вашего проекта. Весь код приведённый в статье является Open Source и доступен на демонстрационной странице созданной специально для поддержки этой статьи. Общие характеристики Все используют исключительно JavaScript, но каждый из фреймворков реализуют свой подход. Начнём Для начала импортируем каждую библиотеку.

Подключаем Paper.js Paper.js определяет тип скрипта как text/paperscript и ID целевого элемента canvas на котором мы будем рисовать. Подключаем Processing.js Processing.js использует data-processing-sources атрибут тега canvas для инициализации. Raphaël:

Processing

CSS. Hosting. Php.