Fabric.js demos · Kitchensink




Text specific controls




Origin X:

Origin Y:


Add simple shapes to canvas:

Add images to canvas:

Add gradient-based shapes to canvas:

Add arcs and misc to canvas:

Add SVG shapes to canvas:

Canvas complexity (number of paths): {[ canvas.complexity() ]}

Rasterize canvas to





rasterized canvas:

svg canvas: