0.3.0 • Published 9 months ago

svg-to-phaser-path v0.3.0

Weekly downloads
-
License
Fair
Repository
github
Last release
9 months ago

npm package

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.

ParamTypeDefaultDescription
dstring"d" attribute content of the SVG <path> tag.
quadraticToCubicbooleanfalseConvert 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.