When use smooth graphic, the stroke color is displayed incorrectly

Hi,

I wanted to display think stroke of shapes in drawing canvas using smooth graphic. But it shows me wrong color when I set the line color with black, and it looks blurry. I settled up the line width to 0.5, because compared fabric.js, pixi shows thicker border when I set 1px of line width.

Following screenshot is one of using Pixi

Below is showing fabric.js

Expected Behavior

Show thin border with correct color when set the line width as 1px

Current Behavior

It shows wrong color when set line color with black and set line width as 0.5 , and it looks blurry When use normal graphic class, if I set the line width 0.5, the borders cut off.

Possible Solution

Steps to Reproduce

• Initialize smooth graphics (or graphics),
• Drawing rectangle or any shape with 0.5px of line width, and black line color.

Environment

• pixi.js version: e.g. 4.7.1
• Browser & Version: e.g. Chrome 67
• OS & Version: e.g. Ubuntu 18.04
• Running Example: url

[ivanpopelyshev]

alternative: lineAlignment

[guoqiangmin]

Great! Thank you @ivanpopelyshev . It worked for me when I adjust corners. Thanks for your quick turn around.