Gap Between Start and End of Curved Text in Circular Path Rendering in Fabric.js

[Arkit-Sutariya]

CheckList

• I agree to follow this project's Code of Conduct
• I have read and followed the Contributing Guide
• I have read and followed the Issue Tracker Guide
• I have searched and referenced existing issues and discussions
• I am filing a BUG report.
• I have managed to reproduce the bug after upgrading to the latest version
• I have created an accurate and minimal reproduction

Version

6.0.2

In What environments are you experiencing the problem?

No response

Node Version (if applicable)

16.14.0

Link To Reproduction

No

Steps To Reproduce

I'm working with Fabric.js curved text, and I've provided the code in this sandbox. In the current implementation, I'm converting standard text into curved text using additional logic, but the output isn't as expected. Could you provide the best solution to achieve the desired result?

Expected Behavior

My expected output is ::

Actual Behavior

Actual output is ::

Error Message & Stack Trace

No response

[mhieupham1]

change fontSize to get it

[Arkit-Sutariya]

Thank you for your response. I appreciate your assistance, but the provided solution doesn't fully address the issue at hand. Allow me to offer more context for clarity.

We are working on a tool that allows users to design various types of flyers and download them in either image or PDF format. One of the features in this tool is curved text, which displays correctly during the design phase.

However, when I use the JSON data from the user's design to generate a PDF (using a separate library), there is a noticeable gap between the start and end of the curved text when I load the design with the canvas.loadFromJSON() method. This issue arises without any changes to the font size.

For further clarity, I have included the complete JSON data of the curved text in the objectrender variable. I would appreciate any guidance on how to resolve this issue while maintaining the current font size settings.

[asturur]

you have to include the full app including the pdf export process.
How do you think people are going to figure out what is wrong.
Do you also understand that in the opening post you omitted that PDF and export/import was involved?

[Arkit-Sutariya]

I'm working on a Node and Angular project. When a user selects to export a PDF or Image, I call an API on the Node server, passing JSON data as provide in curveTextData variable.

Once the data is received on the Node server, I load an HTML file (which I’ve shared with you) that calls a JavaScript file (also provided).

Due to restrictions, I’m unable to share the full working application at this time, as development is currently on a local server.