Fabric js text alignment fix needed

I'm in need of a [login to view URL] expert who can fix issues relating to text alignment on my canvas.

What I need -

1. The text should be always in the center position within the wrapper.

2. There will be a variable that has 3 options: a) automatic b) shorten c) line break.

if the variable value is "automatic"

- Then the text should be in one line whatever the text length it is. That means you need to decrease the font size accordingly.

if the variable value is "shorten"

- Then the text should be in one line too but if there is no space at the end it will cut the text.

if the variable value is "line break"

- Then the text should go to the next line if there is no space at the end.

**** I have uploaded a zip file. Here all the code is done but based on [login to view URL] file in this folder, somehow the center is not working. so, I am uploading 2 .json files. Check 1 by 1 to see the real issues.

BTW, after running it, go to http://localhost/generateimage to see the result in the browser.

Show me the output, I will award you instantly.

I'd appreciate a freelancer who is well-versed in [login to view URL] and can efficiently resolve these alignment issues.

Thanks.

JavaScript Javascript ES6 ES8 Javascript

Project ID: #38056946

About the project