Text warp using paths

Devon Yoo <[email protected]> Wed, 19 Feb 2014 23:53:37 +0000
Newsgroups gmane.text.xml.svg.devel
Message-ID <[email protected]>
Hi,

I have studied SVG related stuffs pretty much and finally implemented an application that draws text using svg vectors.

I have five paths for letters in "HELLO"

<svg id="svg" viewBox="0 0 1200 600" transform="translate(0,79.98046875), scale(0.048828125,-0.048828125)">
<path d="M152 1466h453v-513h495v513h455v-1466h-455v593h-495v-593h-453v1466z" fill="#ff0000" stroke="#0" stroke-width="#0" transform="translate(0,0)"/>
<path d="M149 1466h1214v-313h-760v-233h705v-299h-705v-289h782v-332h-1236v1466z" fill="#ff0000" stroke="#0" stroke-width="#0" transform="translate(1706,0)"/>
<path d="M150 1466h453v-1105h707v-361h-1160v1466z" fill="#ff0000" stroke="#0" stroke-width="#0" transform="translate(3185,0)"/>
<path d="M150 1466h453v-1105h707v-361h-1160v1466z" fill="#ff0000" stroke="#0" stroke-width="#0" transform="translate(4551,0)"/>
<path d="M93 732c0 239.333 66.665 425.667 199.998 559s319 200 557 200c244 0 432 -65.5 564 -196.5s198 -314.5 198 -550.5c0 -171.333 -28.833 -311.833 -86.5 -421.5s-141 -195 -250 -256s-244.833 -91.5 -407.5 -91.5c-165.333 0 -302.166 26.333 -410.499 79 s-196.166 136 -263.499 250s-101 256.667 -101 428zM545.998 730.001c0 -148 27.5 -254.333 82.5 -319s129.833 -97 224.5 -97c97.333 0 172.666 31.667 225.999 95s80 177 80 341c0 138 -27.833 238.833 -83.5 302.5s-131.167 95.5 -226.5 95.5 c-91.333 0 -164.666 -32.333 -219.999 -97s-83 -171.667 -83 -321z" fill="#ff0000" stroke="#0" stroke-width="#0" transform="translate(5917,0)"/>
</svg>

[Untitled-2 copy]

Now I need to do text warping such as wedge, bridge or curved text. As you might know, I can't do it with a single "text path" because it only relocates letters along a line.
[cid:[email protected]]

David once gave me some good links thankfully but I could not find a way to get the final warped paths..

Question 1: Can I use two "textPath" in SVG? One is for bottom line and the other one is upper line so the paths between two paths are stretched out?

Question 2: If not, is there a way to apply warping on SVG paths?

Question 3: Forget about SVG, let's say I have paths of the text in Flex. Which algorithm should I write to modify vectors in paths for warping? Pleae give me some search keywords..

Thanks in advance

Devon



[Non-text portions of this message have been removed]