API для 2D-графики в вебе, не привязанный к конкретному рендереру: одна и та же сцена отображается через WebGL, Canvas 2D или SVG.
paperjs/paper.js
Paper.js — библиотека для работы с векторной графикой на JavaScript, которая рисует и изменяет контуры на HTML5 Canvas в браузере и Node.js.
- Звёзды
- 15,191
- Форки
- 1,261
- Открытые issues
- 27
- Последний коммит
- вчера
Что это?
Paper.js — порт Scriptographer, инструмента для создания скриптов векторной графики. Библиотека предоставляет сценограф из контуров, фигур, текста, групп и символов, которые можно программно создавать и преобразовывать на элементе HTML5 Canvas.
Библиотека доступна в NPM под именем `paper` для браузеров и сборщиков; в основной сборке поддержка PaperScript отключена. Дополнительные пакеты `paper-jsdom` и `paper-jsdom-canvas` позволяют использовать библиотеку без графического интерфейса в Node.js: они поддерживают импорт и экспорт SVG через jsdom, а также отрисовку на canvas через node-canvas, которому требуются Cairo и Pango.
Проект собирается с помощью Gulp и pnpm, а тесты запускаются на Vitest и Playwright. Предварительно собранные версии для разработки из ветки develop публикуются в отдельных ветках.
Ключевые возможности
- 01Сценограф из контуров, фигур, текста, групп и символов на Canvas.
- 02Операции редактирования контуров, включая логические операции и преобразования.
- 03Поддержка PaperScript в полной сборке для браузера.
- 04Импорт и экспорт SVG в Node.js через jsdom.
- 05Отрисовка на Canvas в Node.js через node-canvas.
Сценарии использования
- Создание интерактивных векторных рисунков и анимации в браузере.
- Создание или обработка SVG-графики в серверном скрипте Node.js.
- Разработка редакторов на основе canvas и инструментов для создания диаграмм.
Быстрый старт
- 1
Установите Paper.js из NPM в папку проекта
npm install paper - 2
Импортируйте его с помощью сборщика и вызовите paper.setup() для элемента canvas
Что важно знать
- Лицензия не обнаружена в метаданных проекта, поэтому перед использованием проверьте лицензию репозитория.
- Для рендеринга canvas в Node.js (paper-jsdom-canvas) сначала необходимо установить нативные библиотеки Cairo и Pango.
Темы
Частые вопросы
- Что такое paper.js?
- Paper.js — библиотека для работы с векторной графикой на JavaScript, которая рисует и изменяет контуры на HTML5 Canvas в браузере и Node.js. Paper.js — порт Scriptographer, инструмента для создания скриптов векторной графики. Библиотека предоставляет сценограф из контуров, фигур, текста, групп и символов, которые можно программно создавать и преобразовывать на элементе HTML5 Canvas.
- paper.js можно использовать бесплатно? Какая у него лицензия?
- paper.js распространяется с открытым исходным кодом под лицензией Other. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- paper.js всё ещё поддерживается?
- Активно поддерживается. Последний коммит в paper.js — 6 нояб. 2026 г..
- Для чего можно использовать paper.js?
- Создание интерактивных векторных рисунков и анимации в браузере. Создание или обработка SVG-графики в серверном скрипте Node.js. Разработка редакторов на основе canvas и инструментов для создания диаграмм.
- Как установить paper.js?
- Установите Paper.js из NPM в папку проекта: npm install paper Импортируйте его с помощью сборщика и вызовите paper.setup() для элемента canvas
- Где скачать paper.js?
- Исходный код и инструкции по установке — на GitHub: https://github.com/paperjs/paper.js
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Приложение для векторной иллюстрации с открытым исходным кодом, написанное с нуля на чистом Rust и работающее на компьютерах, FreeBSD и в браузере через WebAssembly.
JavaScript-фреймворк для HTML5 Canvas, позволяющий создавать интерактивную 2D-графику, редакторы дизайна, онлайн-доски и диаграммы.
Лёгкая JavaScript-библиотека для анимации CSS-свойств, SVG, DOM-атрибутов и обычных JavaScript-объектов.
JavaScript-библиотека для моушн-графики в вебе с декларативными анимациями фигур, вихрей, всплесков и последовательностей.
Скилл для Claude Code превращает короткую тему в синхронизированный с битом моушн-ролик и рендерит его в MP4 с помощью HyperFrames.