search

EffEPi / fabric.curvedText

Allows you to create curved text - extension to fabric.js
43 stars 40 forks source link

Better arc algorithm #2

Open EffEPi opened 11 years ago

EffEPi commented 11 years ago

http://www.html5canvastutorials.com/labs/html5-canvas-text-along-arc-path/

Look into the arc algorithm and test if it is better than the current one

EffEPi commented 11 years ago

Maybe even add some of the features from http://csswarp.eleqtriq.com/ like their Text Type

mvprzy commented 10 years ago

I am wondering where in the code could I restrict the radius to only be 180 degrees.
A half circle instead of a full circle.
The radius input has a max value of 100 in the html. I am not sure which part of the code actually sets this... Radius seems to be set at 50.

thisisbbc commented 9 years ago

Hi, We're Radykal - Fancy Product Designer customers (a WooCommerce extensions to build custom products). They use your code to allow curved text, but there are some obvious bug in the way the letters are curved together. Is there any hope for a better curved arc algorythm?

You can see for yourself on this url : http://www.costees.com/shop/customization/gildan-2000b-ultra-cotton/

Try writing the word "Bonzaion" and curve it, the text will look like it's two separate words, "Bonzai" and "On". Also, when you have multi-lines text and you activate the curved text, the text is wrapped on a single line. Even if you write "Just Do It", the word "Just" is not curved correctly, the letters are a bit randomly displaced, etc.

I would willingly jump into the development of this repo but my coding knowledge if quite limited, css, html and some fairly basic php. If there's anything I can do to help let me know.

Hopefully someone will notice this message! :)

Regards, BBC

fahadnabbasi commented 9 years ago

Well BBC there are some obvious issues, if you fix the radius and spacing, for every set of characters it will be placed different. To overcome this issue, you can let your customers choose radius and spacing on the fly. Just like I did it here

http://groovi.com.au/groovi/index.php?line=7620#

Contact me if you want any help fahadnabbasi at gmail.com

thisisbbc commented 9 years ago

Hi fahadnabbasi,

Thank you for your answer, the system we use let users choose radius and spacing on the fly (you can see on costees.com) but there are some obvious issues no matter how I change radius and spacing. The word "BONZAION" all in capital always looks like it's two words "BONZAI" and "ON". I have tried on your system (groovi.com) and there is the exact same issue.

Do you have any idea how we could fix that?

Regards, BBC

EffEPi commented 9 years ago

This should be fixed with the latest update, can you please test it with the latest ?