pixijs-scene-graphics
OfficialDraw vector graphics with PixiJS v8.
Authorpixijs
Version1.0.0
Installs0
System Documentation
What problem does it solve?
PixiJS v8's Graphics API enables vector drawing by separating shape construction from styling, allowing you to render complex vector scenes without manual tessellation.
Core Features & Use Cases
- Shape primitives: rect, circle, ellipse, poly, roundRect, star, regularPoly, roundPoly, roundShape, filletRect, chamferRect.
- Path and drawing: moveTo, lineTo, bezierCurveTo, quadraticCurveTo, arc, arcTo, arcToSvg, closePath; beginPath to reset.
- Styling: fill, stroke, FillGradient, FillPattern, fill/stroke with gradients and textures; holes via cut(); containsPoint hits; clone, clear, and bounds.
- Advanced topics: SVG import/export (svg), graphicsContextToSvg export, GraphicsContext sharing across multiple Graphics, transform stack, Save/Restore.
Quick Start
Create a Graphics instance, draw a rounded rectangle, and apply fill and stroke to render a styled vector shape.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: pixijs-scene-graphics Download link: https://github.com/pixijs/pixijs-skills/archive/main.zip#pixijs-scene-graphics Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.