Text seems to squashed up with NodeJS

[ali-asghar5]

I have an NodeJS app that load up the json data and save it as an image.

When Text gets loaded up as part of a group, the text gets squashed up (see attached).

I have tried to register font family but nothings seems to work. Any idea what could it be.
Test node already has a width and height values and it worked fine in React App.

// register fonts
registerFont('C:/Windows/Fonts/arial.ttf', { family: 'Arial' });
registerFont('C:/Windows/Fonts/calibri.ttf', { family: 'Calibri' });
registerFont('C:/Windows/Fonts/comic.ttf', { family: 'Comic Sans MS' });
registerFont('C:/Windows/Fonts/times.ttf', { family: 'Times New Roman' });
registerFont('C:/Windows/Fonts/verdana.ttf', { family: 'Verdana' });

[lavrton]

Make a demo, please.

[ali-asghar5]

konva.zip

That's tricky. As the sample code works fine locally. But when on Windows based Server less instance, it results in this weird behaviour.

[ali-asghar5]

Seems like its related to node-canvas

Automattic/node-canvas#2272