Curve Text Feature [$200]

[dean555]

Hi

Loving the product but we desperatly need curve text. I've seen that it's on the roadmap but would like to ask if there is any progress or anything that can be done to help?

Great work guys!

There is a $200 open bounty on this issue. Add to the bounty at Bountysource.

[mojo5000]

Have you looked at something like this:
http://tympanus.net/Development/Arctext/

Or is the challenge to get curved text in the canvas with object controls?

On Mon, Jul 1, 2013 at 9:20 AM, dean555 notifications@github.com wrote:

Hi

Loving the product but we desperatly need curve text. I've seen that it's
on the roadmap but would like to ask if there is any progress or anything
that can be done to help?

Great work guys!

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/729
.

[dean555]

Hi mojo5000

We need it to work with fabric :(

[kirkh34]

I need this functionality as well. I'm using fabric to create a T-shirt designer app. I think this is a common app using fabric. All good T-shirt apps allow text warping. It is huge in T-shirt design. Please someone write this!! Fabric is 99% perfect and this is the missing link!

[imomin]

I am working on T-shirt designer app as well. I wonder if we should join hands rather than competing with each other ;). BTW check out the https://github.com/imomin/fabric.curvedText.

[kirkh34]

I tried the new code but still can't get it to work for me. Are you able to use this code to curve text successfully? I'm working on a t-shirt app that will have layers similar to photoshop w/ hide/lock functions for each layer/canvas item. Can you post a jsfiddle of this working for you?

[imomin]

Here you go! http://jsfiddle.net/NHs8t/

[somecodemonkey]

@imomin you are a godsend thx

[dean555]

Hi @imomin

Nice work but you cannot make the text straight also you have 3 sliders. Can we make it using one single slider so that user adds a text which is straight and then he can curve it up/down using a slider.

And the curve text should also work with load from SVG and JSON and export as well.

But excellent job till now.

[imomin]

@dean555
FYI, I pulled somebody else's project and made minor changes. So, the credit goes to him.
In my project I am using only spacement slider with curve up, curve down and in-line button.
Based on the option selected, curve up/down or in-line I swap between Curve Text or standard Text object.

I started my project few weeks ago and I haven't got to SVG/JSON export yet. I will make changes to it as I move forward.

[somecodemonkey]

I noticed its a group of fabric.text objects is there any performance advantages of using this rather than rendering each letter individually?

[Jochuaf]

Hi all,
I've just started with fabricjs a few weeks ago. Since I want to work with curved text, I've implemented your code into my project.
My question will probably seem very stupid for you (actually, I am a beginner), but I would like to know how you can select the text group, like "canvas.getActiveObject()" for a regular text ?
I hope I will get a reply. Anyway, thanks to Imomin & Skritz for your amazing work.
ps : sorry for my english level, I am french

[EffEPi]

I started to work on my own curved text, I am NEW to fabric and OO javascript and HTML5/Canvas, so I am having some issues trying to make it work.

http://jsfiddle.net/t4VPQ/

Any hint would be greatly appreciated.

My Goal is to make a fabric object that acts like the others (getText, setText, set properties, export SVN, JSON, etc...)

[imomin]

In your $(function(){....} on line 643 add var canvas = new fabric.Canvas('c'); and add comma after left:50,.Hopefully this will help you move forward. http://jsfiddle.net/t4VPQ/14/

[EffEPi]

yes, Thank you, saw that after I updated the comment :-) was a copy/paste error. The problem is that I can't seems to render the text on the main canvas.

[EffEPi]

Ok, a lot of functionality is ready... I just can't figure it out how to refresh the render on the fly.. dang