Feature request: text on paths, curved text

[bluengreen]

This editor I would say really could be the best available - paid or otherwise, if it had one missing feature, the ability to put text on paths and curved text. Text features are really what separates the pro apps on a desktop and web editors. Text control such as being able to flow text around objects, adjust kerning, and text on a path etc are key elements to a professional design.

Great work! I look forward to watching this project grow.

[lavrton]

@bluengreen hello. Thanks for your feedback.

Do you see it as text on ANY path? Or just curved?
If we want to have support for any path. I am thinking how it will work in terms of UI. How to change the path? How to edit text, etc.

[bluengreen]

@lavrton I think both would be ideal - curved and on a path. The path feature could function like adding a line, and then attaching the text to it. fabric.js has some raw functionality for it here.

http://fabricjs.com/text-on-paths

I think a bezier line tool could give more control.

There is a newer editor in beta by Heritage Type that I think really kills it on the text controls. It's called kittl - https://www.kittl.com/

Would be great to see more of these kinds of controls in more online editors. Really brings up the design quality and I think blurs the line between a desktop and web app.

[mordechaim]

Hi, I'm also interested in this feature. Has anything been done for this?

If not, I'm ready to implement a custom element but I'm unsure how to create an element has an input field to type text.

Any pointers are appreciated

[lavrton]

No progress yet. If you have access to Polotno SDK you can draw anything using Custom Elements or svg elements (recommended).

[mordechaim]

Thanks @lavrton. Can you guide me on how to make a custom element that also has editable text (like the native text type)?

[lavrton]

That is a high level of complexity. As Polotno is on top of Konva, you can use this: https://konvajs.org/docs/sandbox/Editable_Text.html#sidebar

But I still recommend to try svg approach first. You can make editable text input somewhere else in the UI, like in these examples:
https://polotno.com/docs/demo-bar-codes/
https://polotno.com/docs/demo-qr-codes/
https://polotno.com/docs/demo-charts/