9tontruck 0 Newbie Poster

Hi,

I am currently building up text warp tool using ordinary bitmap(rgb) object. An example of text warp is here: http://i72.photobucket.com/albums/i189/paulsoulsby/textbend.png

As you might know already, working on bitmap causes lots troubles related to high res and image distortions. So I am looking for a way to warp texts using svg .

I found it I can resize text vertically and horizontally in different scale using matrix:

<text transform="matrix(0.45914843678474426,0,0,2.1637930870056152,56.1,-451.55)" style="font-size:100px;font-family:Arial Black;font-weight:normal;fill:#0057FF;opacity:0.5;glyph-orientation-horizontal:0;glyph-orientation-vertical:0;text-align:start;line-height:1.25;">
    <tspan x="101.95" y="460.45" style="font-size:100px;font-family:Arial Black;font-weight:normal;fill:#0057FF;opacity:0.5;glyph-orientation-horizontal:0;glyph-orientation-vertical:0;text-align:start;line-height:1.25;">SAMPLE TEXT</tspan>
</text>

But matrix transform is just vertical and horizontal scaling. What I need to do is having n by m grids and shift its intersections and perform separate transform per each section in the grids. Please see this: http://mesh.brown.edu/engn1610/img/A3-pwbl.png

Is there a way to do this using svg?

Thanks in advance