html5游戏矢量图,Paper.js 开源的 HTML5 Canvas 画布矢量图形的脚本动画库

A Scene Graph / Document Object Model for vector graphics: Work with nested layers, groups, paths, compound paths, rasters, symbols etc.

The handling and drawing of these graphic items is automatic and optimised, allowing you to construct or modify your items and styles and leave the drawing commands to Paper.js.

A well designed and battle hardened Application Programming Interface (API).

PaperScript, a simple extension of JavaScript, allowing the scoped execution of scripts without polluting the global scope, the execution of multiple scripts per page in their separate sand-boxed scopes while sharing the library code, and adding support for operator overloading to any object.

There is a good reason for the word Vector in Vector Graphics. Paper.js treats Vector Mathematics as a first class citizen by making working with vectors and geometries as simple as possible through its core types such as

Construct paths and manipulate their curves and segments in very convenient and fine-grained ways.

Inspect and manipulate the precise bounding box of any item, supporting complicated stroke styles with different stroke ends and miter limits.

Smoothen curves, and simplify path segments by fitting curves through points.

Simulate dashed strokes which are currently lacking from the Canvas object, at near native drawing speed.

Most blend modes known from Illustrator and Photoshop supported through emulation in JavaScript: multiply, screen, overlay, soft-light, hard-light, color-dodge, color-burn, darken, lighten, difference, exclusion, hue, saturation, luminosity, color, add, subtract, average & negation.