FirefoxRocks 0 Report post Posted March 10, 2007 (edited) Straight lines on letters, no problem with <polygon>! Curved lines like B, C, D, G, J, P, R, S, U are so hard to do!The first letters went by fast here, the letter g took 27 minutes to get it right![xml-svg] <?xml version="1.0" encoding="utf-8" standalone="no" ?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd width="100%" height="100%" version="1.1" -- X --><polygon points="2,2 15,2 21,19 26,2 39,2 28,28 39,55 26,55 21,38 15,55 2,55 14,28" style="fill:#00f;stroke:#000" /><!-- K --><polygon points="42,2 42,55 53,55 53,42 59,34 66,55 80,55 67,23 80,2 64,2 53,23 53,2" style="fill:rgb(240,158,25);stroke:#000" /><!-- I --><rect x="83" y="2" width="10" height="10" style="fill:#00f;stroke:#000" /><rect x="83" y="17" width="10" height="38" style="fill:#00f;stroke:#000" /><!-- N --><polygon points="102,2 114,2 126,35 126,2 136,2 136,55 126,55 113,25 113,55 102,55" style="fill:rgb(240,158,25);stroke:#000" /><!-- G --><ellipse cx="160" cy="28" rx="18" ry="26" style="fill:#00f;stroke:#000" /><ellipse cx="160" cy="30" rx="7" ry="13" style="fill:#fff;stroke:#000" /><polygon points="160,22 160,30 177,29 187,19" style="fill:#fff" /><polygon points="160,28 177,28 175,38 160,38" style="fill:#00f;stroke:#000" /><!-- D --><polygon points="184,2 213,14 213,34 184,55" style="fill:rgb(240,158,25);stroke:#000" /><polygon points="193,14 193,40 205,30, 205,19" style="fill:#fff;stroke:#000" /><!-- O --><circle cx="240" cy="26" r="20" style="fill:#00f;stroke:#000" /><circle cx="240" cy="26" r="10" style="fill:#fff;stroke:#000" /><!-- M --><polygon points="266,2 266,55 275,55 275,23 281,55 290,55 295,23 295,55 304,55 304,2 291,2 286,40 281,2" style="fill:rgb(240,158,25);stroke:#000" /></svg>[/xml-svg]See what I mean? Do you know of an easier way to do this? If so, any help would be appreciated. Edited December 1, 2016 by OpaQue (see edit history) Share this post Link to post Share on other sites