Thursday, July 28, 2011

Re: How to set the font in code and measure text dimensions?

Thank you! By using some simple css rule like position:absolute and float:left I remove all the size constraint attached to parent element of the text element I need to measure. This way I get the ideal font size for this element. In order to fill the full space I simply use the css rule: font-size and I pass either a em or % until I got the dimension I need. This is the basic canvas. Now the devil is in the detail as browser doesn't react exactly the same way and I also support the resizing of image, video and flash. I can provide you a more detail explanation later.

btw I am looking for a native english speaker to check my foolish and wild grammar.

On Jul 28, 2011, at 3:48 PM, Nano Elefant wrote:

> Thanks for the great advise!
>
> @Andrei, thank you for the enlightenment. I'll take the canvas
> approach.
>
> @Philippe, interesting site, thats pretty close to what i'd like to
> achieve. Could you please give a brief technological overview? (About
> how you've implemented it).
>
> @J.Ganesan, thank you for pointing to gwt-g2d.
>
>
>
> On 28 Jul., 14:13, Philippe Blanc <mecha...@gmail.com> wrote:
>> Thanks for the link. I didn't know about this project. Now the TextMeasurer class only apply for canvas not for pure HTML element correct?
>>
>> On Jul 28, 2011, at 1:37 PM, J.Ganesan wrote:
>>
>>
>>
>>
>>
>>
>>
>>> You can measure the width and height of text using TextMeasurer class
>>> inhttp://code.google.com/p/gwt-g2d/
>>
>>> J.Ganesan
>>> www.DataStoreGwt.com
>>
>>> On Jul 27, 9:20 pm, Nano Elefant <nanof...@gmail.com> wrote:
>>>> Hello,
>>
>>>> Is there a way to set the font and font size of either a HTML,
>>>> RichTextArea or TextArea in code?
>>>> Is there a way to calculate the width and height of a text if i know
>>>> the font?
>>
>>>> Any ideas?
>>
>>> --
>>> You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
>>> To post to this group, send email to google-web-toolkit@googlegroups.com.
>>> To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
>>> For more options, visit this group athttp://groups.google.com/group/google-web-toolkit?hl=en.
>
> --
> You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
> To post to this group, send email to google-web-toolkit@googlegroups.com.
> To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
> For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
>

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.

No comments:

Post a Comment