Phaser.Types.Curves.JSONPath
svgToPhaserPath(d, [quadraticToCubic]) ⇒ 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.