Welcome Guest ( Log In | Register )



 
Reply to this topicStart new topic
> Letters And Svg, It takes so long to get them right
Rating 5 V
FirefoxRocks
post Mar 10 2007, 09:03 PM
Post #1


Super Member
Group Icon

Group: [HOSTED]
Posts: 752
Joined: 12-July 06
From: Ontario, Canada
Member No.: 14,464



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]
HTML
<?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">
<svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
<!-- 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.

This post has been edited by FirefoxRocks: Mar 10 2007, 09:38 PM
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. How Long To Learn Dreamweaver?(29)
  2. Worst "trojan" Ever And It Takes Over Iexplore(15)
  3. How Long Have You Been Programming ?(99)
  4. Hackers Challenge 2(48)
  5. Photoshop Tutorial: Make The Matrix Letters(9)
  6. How Long Is Your PC Boot Time ?(37)
  7. Long List Of Open Source Software.(2)
  8. Consumer Takes Apple To Court(22)
  9. Slime Mould Takes Siege Of Six-legged Robot(4)
  10. My First Site In A Long Time!(0)
  11. How Long Does It Take For Hosting Approval ?(11)
  12. PC Takes Ages To Boot(8)
  13. How Long Do You Spend Online(84)
  14. Hosting Application Approval Time(0)
  15. So Long, And Thanks For All The Fish(12)
  1. How Long Does It Take(5)
  2. How Long Does It Take To Be Listed On Google?(15)
  3. 3d Flash. Truth Or Scam?(3)
  4. Splitting A Long Video Into Small Pieces For Youtube.(7)
  5. MySpace(30)
  6. How Long Do You Work(23)
  7. Php Long Variables(5)
  8. Games That Warp Your Sense Of Reality After Long Periods Of Play(6)
  9. How Do People Sit In Front Of The Computer All Day Long?(14)
  10. 2 Networks, Wrong One Takes Over(3)
  11. Make A Wish And It'll Come True...if....(7)
  12. How Long Request Should Be Granted?(5)
  13. Back After Long Time(1)


 



- Lo-Fi Version Time is now: 4th December 2008 - 11:06 PM