はてなブックマーク

Standing on the shoulders of Scriptographer and making use of HTML5 standards, Paper.js is a comprehensive open source vector graphics scripting framework. Document Object Model Paper.js provides a Document Object Model (also called a Scene Graph) that is very easy to work with. Create a project and populate it with layers, groups, paths, rasters etc. Groups and layers can contain other items and

Getting Started An introduction into how Paper.js works together with PaperScript and JavaScript. Working with Paper.js Using JavaScript Directly PaperScript Interoperability Geometry Introductions into the basic geometric principles and methods Paper.js is based on. Point, Size and Rectangle Object Conversion Mathematical Operations Vector Geometry

Source

Examples Boolean Operations Candy Crash Satie Liked To Draw Chain Tadpoles Nyan Rainbow Rounded Rectangles Radial Rainbows Meta Balls Voronoi Future Splash Smoothing Spiral Raster Division Raster Q-bertify Path Intersections Path Simplification Hit Testing Bouncing Balls

Paper.js — The Swiss Army Knife of Vector Graphics Scripting. Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface. Pa