Fabric.js: SVG text on path is not working

Created on 12 Oct 2015  Â·  9Comments  Â·  Source: fabricjs/fabric.js

When i try to load SVG which has a text on path component, the canvas shows straight line text instead of text on a particular path.

SVG sample:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <defs>
        <path id="myTextPath" d="M75,20 a1,1 0 0,0 100,0 " />
    </defs>

    <text x="10" y="100" style="stroke: #000000;">
        <textPath xlink:href="#myTextPath" >
            Text along a curved path...
        </textPath>
    </text>
</svg>
possible_feature

Most helpful comment

Please add this feature, its very much needed.

All 9 comments

Just resurrecting this. Will this ever be supported? @asturur / @kangax

Please add this feature, its very much needed.

It would be very nice feature!!! Please, add this feature

So, the implementation would be to allow for textPath property on a Text object that links to a Path object?

yes. another canva library has it, would be interesting to see if their code is pluggable and reusable

Which one?

Can I use two libraries with the same canvas DOM element?

On Wed, 21 Aug 2019 at 7:01 pm, Andrea Bogazzi notifications@github.com
wrote:

yes. another canva library has it, would be interesting to see if their
code is pluggable and reusable

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/fabricjs/fabric.js/issues/2544?email_source=notifications&email_token=AACE4QIZIS7S2SSMHGLR4I3QFUDPPA5CNFSM4BRTQMWKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD4ZBZWY#issuecomment-523377883,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AACE4QI5755SHPBUU3UESIDQFUDPPANCNFSM4BRTQMWA
.

Any updates here?

no one is working on it that i know of

https://github.com/fabricjs/fabric.js/pull/6543 this PR track progress of this

Was this page helpful?
0 / 5 - 0 ratings