text wide stroke rendering issue

[LinkTree]

Hi, I just ran into this issue when rendering text with a stroke. I took this image from another thread here. it shows the issue pretty well. do you see these sharp black extrusions from the text stroke? I am not sure what's causing this. it happens when you try to give text a wide stroke and depends on the size of the font. larger fonts require wider stroke to make this issue noticeable.

 

[Sebi]

Set the lineJoin property to round.

[LinkTree]

Set the lineJoin property to round.

 

Thanks. this functionality is currently missing in panda.js's pixi lib so I had to add it myself.

 

add this

style.lineJoin = style.lineJoin || 'miter';style.miterLimit = style.miterLimit || 10;

to PIXI.Text.prototype.setStyle

 

and this

this.context.lineJoin = this.style.lineJoin;this.context.miterLimit = this.style.miterLimit;

to PIXI.Text.prototype.updateText after

this.context.textBaseline = 'alphabetic';