Draw a line from an SVG path

[federicovezzoli]

Hi guys, I'm trying to draw a polygon/line from the coordinates of an svg path.

I thought to use the path2d method, as it works correctly on native canvas, but I cannot make it work with pixi and couldn't fine anyone talking about it around.

Something like this, but it's not working:

let trackPath = new Path2D("M10 10 h 80 v 80 h -80 Z")
graphic = new PIXI.Graphics()
graphic.drawPolygon(trackPath)

app.stage.addChild(graphic)

Anyone?

[ivan.popelyshev]

Path2D is awesome but pixi doesnt support it, and I have long-term plan of adding more Vector-related plugins to pixi.

Maybe you can salvage something from https://github.com/bigtimebuddy/pixi-svg ? I mean that you look at their source and see if there's actuallly a parser for strings or something like that to create your own PIXI Path that works with Graphics?

[federicovezzoli]

Thanks I'll give it a go. I'll post an eventual solution here.