Path-Based Custom Shape. Return a path once per burst; the library fills, strokes, shades, flips and glints it like any built-in vector shape (gradients, shine and stroke all work).
defineShape("diamond", { viewBox: [24, 24], path: ({ sharpness = 0.5 }) => `M12 0 L${24 - sharpness * 12} 12 L12 24 L${sharpness * 12} 12 Z`,}); Copy
defineShape("diamond", { viewBox: [24, 24], path: ({ sharpness = 0.5 }) => `M12 0 L${24 - sharpness * 12} 12 L12 24 L${sharpness * 12} 12 Z`,});
Optional
Readonly
Size When the Entry Sets None.
[12, 18]
Build the Path from Entry Options. An SVG d string or a Path2D, in viewBox coordinates.
d
Path2D
viewBox
Path Coordinate Box as [width, height].
[width, height]
[24, 24]
Path-Based Custom Shape. Return a path once per burst; the library fills, strokes, shades, flips and glints it like any built-in vector shape (gradients, shine and stroke all work).
Example