Is there a way to scale a Graphics without getting the linewidth scaled as well?
For instance:
var stage = new PIXI.Container();
var graphics = new PIXI.Graphics();
// Set a fill and line style.
var linewidth = 10;
graphics.beginFill(0xFF3300);
graphics.lineStyle(linewidth, 0xffd900, 1);
// Draw a shape.
graphics.moveTo(50, 50);
graphics.lineTo(250, 50);
graphics.lineTo(100, 100);
graphics.endFill();
// Now, scale this Graphics.
var scale = 5;
graphics.scale.set(scale, scale); // all lines now have width linewidth * scale
In the example above, the vector "shape" gets properly scaled by a factor of 5. Unfortunately, so does the linewidth.
I am trying to render Graphics vector data on top of Google Maps (typically polygons over countries), and when the map gets zoomed in, I want to rescale the data without getting enormous boundaries.