Raphael JS library how to disable text shift on multi-line

Question

Hello,

By default when adding text object to paper Raphael javascript library centers text around y point. It basically takes the height and divides it by 2 and attaches text to the new y coordinate. I'm looking for a different behavior where text stays at the same coordinate even when you add multi lines.

I was wondering if anyone has a clean way to change that behavior. I can modify it in the source code but I would hate to constantly maintain it when new version comes out.

Thanks!

Answer 1

Hello

basically you have described the default action of text objects.

Use 'text-anchor':'start' inside an "attr" method.

I'm showing you to the Raphael Additional Resources help database where you can look at the text examples there and toggle with them in an interactive environment....

http://www.irunmywebsite.com/raphael/additionalhelp.html?q=text