0.3.0 • Published 9 months ago
svg-to-phaser-path v0.3.0
svgToPhaserPath(d, quadraticToCubic) ⇒ Phaser.Types.Curves.JSONPath
Converts SVG <path>
to Phaser.Curves.Path
instance and returns it as JSONPath
object.
Returns: Phaser.Types.Curves.JSONPath - Object that is the result of calling toJSON()
method on the converted Phaser.Curves.Path
instance.
Param | Type | Default | Description |
---|---|---|---|
d | string | "d" attribute content of the SVG <path> tag. | |
quadraticToCubic | boolean | false | Convert Quadratic curves to Cubic. Use this if you are using Phaser version <=3.55.2 to work around Path.fromJSON() parsing bug. |
Usage:
import { Curves } from 'phaser';
import svgToPhaserPath from 'svg-to-phaser-path';
const d = `M600,350 l 50,-25
a25,25 -30 0,1 50,-25 l 50,-25
a25,50 -30 0,1 50,-25 l 50,-25`;
const jsonPath = svgToPhaserPath(d);
const path = new Curves.Path();
path.fromJSON(jsonPath);
Changelog
v0.3.0 - 2023-Jul-28
- Tiny internal refactoring for better compatibility with bundlers (thanks @johnedvard)
v0.2.0 - 2021-Nov-10
- Let the function automatically fix
type
field ofQuadratic
curves.
v0.1.0 - 2021-Nov-9
- First release.