svg-to-phaser-path

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 of Quadratic curves.

v0.1.0 - 2021-Nov-9

• First release.