How to align text vetrically

[danielearwicker]

How to align text vetrically

[danielearwicker]

Do you mean align vertically as in adjust the y-position? You mention start drawing text at width/2 which sounds like horizontal alignment (and that is already built into Carota - the demo has toolbar buttons for left/right/center/justify).

For vertical alignment, it's much simpler - you just move the canvas coordinate origin downward (and for handling mouse events in the editor, you move the coordinate upward). This would be a "whole document" setting, not something applying to selected text. There's nowhere in Carota's own JSON format for such settings. But it would be easy to add them to the outside.

To demo this I've added a setVerticalAlignment function to the editor and in the demo page it now has a dropdown to let the user adjust it.

See updated demo: http://earwicker.com/carota - the right-most toolbar control.

[IProSoft]

Hi

Yes - that was vertical alignment :-) Thanks for reply and demo!

I hava another question: is there way to get text real height in px of writen text ?

Or is there way to limit textarea to specified width/height, example: user ads text that is formated to font 72 and its higher than 200px, and it's auto resized to fit 200px, ex font 54.

Regards Artur