Repolode
Enviar
paperjs

paperjs/paper.js

Paper.js es una biblioteca de scripting de gráficos vectoriales para JavaScript que dibuja y manipula trazados en HTML5 Canvas, en el navegador o en Node.js.

Ver en GitHubSitio web
Estrellas
15,191
Forks
1,261
Issues abiertos
27
Último commit
ayer

¿Qué es?

Paper.js es una adaptación a JavaScript de Scriptographer, una herramienta de scripting de gráficos vectoriales. Proporciona un grafo de escena con trazados, formas, texto, grupos y símbolos, y permite crearlos y transformarlos mediante código en un elemento HTML5 Canvas.

La biblioteca se distribuye en NPM como `paper` para navegadores y bundlers, con una compilación core que omite la compatibilidad con PaperScript. Los paquetes complementarios `paper-jsdom` y `paper-jsdom-canvas` permiten usarla sin interfaz gráfica en Node.js, importar y exportar SVG mediante jsdom y renderizar en canvas con node-canvas, que requiere Cairo y Pango.

El proyecto se compila con Gulp y pnpm, y las pruebas se ejecutan con Vitest y Playwright. Las versiones de desarrollo precompiladas de la rama develop se publican en ramas específicas.

Funciones clave

  • 01Grafo de escena con trazados, formas, texto, grupos y símbolos en Canvas.
  • 02Operaciones de edición de trazados, como combinaciones booleanas y transformaciones.
  • 03Compatibilidad con PaperScript en la compilación completa para navegador.
  • 04Importación y exportación de SVG en Node.js mediante jsdom.
  • 05Renderizado en Canvas en Node.js mediante node-canvas.

Casos de uso

  • Crear dibujos vectoriales interactivos o animaciones en el navegador.
  • Generar o procesar gráficos SVG en un script de servidor con Node.js.
  • Crear editores basados en canvas o herramientas para diagramas.

Inicio rápido

  1. 1

    Instala Paper.js desde NPM en la carpeta de tu proyecto

    npm install paper
  2. 2

    Impórtalo con un bundler y llama a paper.setup() en un elemento canvas

Antes de usarlo

  • No se ha detectado la licencia en los metadatos del proyecto; consulta la licencia del repositorio antes de usarlo.
  • Para renderizar canvas en Node.js (paper-jsdom-canvas), primero hay que instalar las bibliotecas nativas Cairo y Pango.

Temas

#graphics#canvas#vector-graphics#svg#javascript#animation

Preguntas frecuentes

¿Qué es paper.js?
Paper.js es una biblioteca de scripting de gráficos vectoriales para JavaScript que dibuja y manipula trazados en HTML5 Canvas, en el navegador o en Node.js. Paper.js es una adaptación a JavaScript de Scriptographer, una herramienta de scripting de gráficos vectoriales. Proporciona un grafo de escena con trazados, formas, texto, grupos y símbolos, y permite crearlos y transformarlos mediante código en un elemento HTML5 Canvas.
¿paper.js es gratuito? ¿Qué licencia tiene?
paper.js es open source bajo la licencia Other. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿paper.js sigue mantenido?
Mantenimiento activo. El último commit de paper.js fue el 6 nov 2026.
¿Para qué puedo usar paper.js?
Crear dibujos vectoriales interactivos o animaciones en el navegador. Generar o procesar gráficos SVG en un script de servidor con Node.js. Crear editores basados en canvas o herramientas para diagramas.
¿Cómo se instala paper.js?
Instala Paper.js desde NPM en la carpeta de tu proyecto: npm install paper Impórtalo con un bundler y llama a paper.setup() en un elemento canvas
¿Dónde consigo paper.js?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/paperjs/paper.js

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados