views:

43

answers:

1

Hello,

I need to display a text in 3D using vml/canvas/svg and do some transformation to the shape of the text like the effect of Ctrl+T in photoshop, even align a line of text to a curve. For example, transform a normal text to a rotated, trapezoid/quadrilateral shape.

So, is there a way to convert text to shape first?

The only thing close is getImageData() in firefox which is not ideal but OK. Any better methods?

Using browser-specific hacks or voodoo is OK, but no Flash please :)

+1  A: 

You can use the skew transforms in SVG to do simple isometric projections. Same goes for HTML5 canvas. If you want other types of perspective projections there are ways to do that too, e.g multiple transforms combined with clipping, or with a SVG filter (see some examples by Hans Schmucker here).

Erik Dahlström