API tools faq
paste
Advertisement
Guest User

svgTest

a guest
Feb 20th, 2015
275
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
XML 4.73 KB | None | 0 0
raw download clone embed print report
  1. <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="3200px" height="1600px" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" viewBox="0 0 3200 1600" xmlns:xlink="http://www.w3.org/1999/xlink">
  2.  <g id="map">
  3.     <line x1="100" y1="0" x2="100" y2="1200" stroke="#000000" stroke-width="2"/>
  4.     <line x1="200" y1="0" x2="200" y2="1200" stroke="#000000" stroke-width="2"/>
  5.     <line x1="300" y1="0" x2="300" y2="1200" stroke="#000000" stroke-width="2"/>
  6.     <line x1="400" y1="0" x2="400" y2="1200" stroke="#000000" stroke-width="2"/>
  7.     <line x1="500" y1="0" x2="500" y2="1200" stroke="#000000" stroke-width="2"/>
  8.     <line x1="600" y1="0" x2="600" y2="1200" stroke="#000000" stroke-width="2"/>
  9.     <line x1="700" y1="0" x2="700" y2="1200" stroke="#000000" stroke-width="2"/>
  10.     <line x1="800" y1="0" x2="800" y2="1200" stroke="#000000" stroke-width="2"/>
  11.     <line x1="900" y1="0" x2="900" y2="1200" stroke="#000000" stroke-width="2"/>
  12.     <line x1="1000" y1="0" x2="1000" y2="1200" stroke="#000000" stroke-width="2"/>
  13.     <line x1="1100" y1="0" x2="1100" y2="1200" stroke="#000000" stroke-width="2"/>
  14.    
  15.     <line x1="0" y1="100" x2="1200" y2="100" stroke="#000000" stroke-width="2"/>
  16.     <line x1="0" y1="200" x2="1200" y2="200" stroke="#000000" stroke-width="2"/>
  17.     <line x1="0" y1="300" x2="1200" y2="300" stroke="#000000" stroke-width="2"/>
  18.     <line x1="0" y1="400" x2="1200" y2="400" stroke="#000000" stroke-width="2"/>
  19.     <line x1="0" y1="500" x2="1200" y2="500" stroke="#000000" stroke-width="2"/>
  20.     <line x1="0" y1="600" x2="1200" y2="600" stroke="#000000" stroke-width="2"/>
  21.     <line x1="0" y1="700" x2="1200" y2="700" stroke="#000000" stroke-width="2"/>
  22.     <line x1="0" y1="800" x2="1200" y2="800" stroke="#000000" stroke-width="2"/>
  23.     <line x1="0" y1="900" x2="1200" y2="900" stroke="#000000" stroke-width="2"/>
  24.     <line x1="0" y1="1000" x2="1200" y2="1000" stroke="#000000" stroke-width="2"/>
  25.     <line x1="0" y1="1100" x2="1200" y2="1100" stroke="#000000" stroke-width="2"/>
  26.    
  27.   <path stroke="#000000" stroke-width="2" fill="none"
  28.  d="
  29.  M 150,200
  30.   c 200,250 -50,100 150,150
  31.     100,100 -100,-100 300,150
  32.  l 100 100"/>
  33.  
  34.   <circle cx="150" cy="200" r="8" style="stroke:#000000; fill:#000000"/>
  35.   <circle cx="350" cy="450" r="8" style="stroke:#FF0000; fill:#FF0000"/>
  36.   <circle cx="100" cy="300" r="8" style="stroke:#00FF00; fill:#00FF00"/>
  37.   <circle cx="300" cy="350" r="8" style="stroke:#0000FF; fill:#0000FF"/>
  38.   <circle cx="400" cy="450" r="8" style="stroke:#FF00FF; fill:#FF00FF"/>
  39.   <circle cx="200" cy="250" r="8" style="stroke:#00FFFF; fill:#00FFFF"/>
  40.   <circle cx="600" cy="500" r="8" style="stroke:#FFFF00; fill:#FFFF00"/>
  41.   <circle cx="700" cy="600" r="8" style="stroke:#000000; fill:#FFFFFF"/>
  42.  
  43.   <circle cx="1300" cy="200" r="8" style="stroke:#000000; fill:#000000"/>
  44.   <circle cx="1300" cy="300" r="8" style="stroke:#FF0000; fill:#FF0000"/>
  45.   <circle cx="1300" cy="400" r="8" style="stroke:#00FF00; fill:#00FF00"/>
  46.   <circle cx="1300" cy="500" r="8" style="stroke:#0000FF; fill:#0000FF"/>
  47.   <circle cx="1300" cy="600" r="8" style="stroke:#FF00FF; fill:#FF00FF"/>
  48.   <circle cx="1300" cy="700" r="8" style="stroke:#00FFFF; fill:#00FFFF"/>
  49.   <circle cx="1300" cy="800" r="8" style="stroke:#FFFF00; fill:#FFFF00"/>
  50.   <circle cx="1300" cy="900" r="8" style="stroke:#000000; fill:#FFFFFF"/>
  51.  
  52.   <text x="1350" y="210" style="stroke:#000000;font-size:32px;">(A) FIRST CURVE STARTING POINT (AFTER ABSOLUTE MOVE : M 150,200)</text>
  53.   <text x="1350" y="310" style="stroke:#000000;font-size:32px;">CURVE(1) : FIRST CONTROL POINT ( (A).X + 200, (A).Y + 250)</text>
  54.   <text x="1350" y="410" style="stroke:#000000;font-size:32px;">CURVE(1) : SECOND CONTROL POINT ( (A).X -50, (A).Y +100)</text>
  55.   <text x="1350" y="510" style="stroke:#000000;font-size:32px;">(B) CURVE(1) END POINT ( (A).X + 150, (A).Y + 150) == NEXT CURVE STARTING POINT</text>
  56.   <text x="1350" y="610" style="stroke:#000000;font-size:32px;">CURVE(2) : FIRST CONTROL POINT ( (B).X + 100, (B).Y + 100)</text>
  57.   <text x="1350" y="710" style="stroke:#000000;font-size:32px;">CURVE(2) : SECOND CONTROL POINT ( (B).X - 100, (B).Y - 100)</text>
  58.   <text x="1350" y="810" style="stroke:#000000;font-size:32px;">(C) CURVE(2) END POINT ( (B).X +300, (B).Y + 150) == NEXT LINE STARTING POINT</text>
  59.   <text x="1350" y="910" style="stroke:#000000;font-size:32px;">LINE END POINT ( (C).X + 100, (C).Y + 100)</text>
  60.  
  61.   <text x="1350" y="1010" style="stroke:#000000;font-size:32px;"><tspan x="1350" y="1010">CODE : </tspan><tspan x="1380" y="1060">M150,200</tspan><tspan x="1380" y="1110">c200,250 -50,100 150,150</tspan><tspan x="1380" y="1160">100,100 -100,-100 300,150</tspan><tspan x="1380" y="1210">l100 100</tspan></text>
  62.  
  63.  </g>
  64. </svg>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!