A text element's width is sometimes smaler than the containing text

[kirschkern]

The text element can be larger than its actual width property so the text has some overflow. See it here => http://jsfiddle.net/tQCTd/5/ on the "r" character. The selection border, which visualizes the elements width, "cuts" off the "r" at the right side.
How can I get the real width for the text element?

I need this as I use the text element only as a wrapper to draw on a hidden canvas, get the image data from it and do some image manipulation on it. (Mainly removing anti-aliasing and adding a border.) However, when using the width of the text element to size my hidden canvas, some characters get cut off.

[kangax]

I haven't looked much into it but I think this might have to do with browsers reporting inaccurate width for characters at such large scale. We could fix it by employing per-pixel bounds detection of some sort, which would be especially useful for non-standard fonts (think Lobster, etc.)

[asturur]

We should merge this with the custom font problem, at the end is one big issue.

[kangax]

Let's do it.

[asturur]

Similar to #1108 and #1326.