User:Alpha166

From Wikipedia, the free encyclopedia

How to make svg files

1 example 1
2 example 2
3 example 3
4 example 4
5 example 5
6 example 7
7 example 8
8 example 9

[edit] example 1

<?xml version="1.0"?> <svg xmlns="http://www.w3.org/2000/svg" width="467" height="462"> <rect x="80" y="60" width="250" height="250" rx="20" style="fill:#ff0000; stroke:#000000;stroke-width:2px;" /> <rect x="140" y="120" width="250" height="250" rx="40" style="fill:#0000ff; stroke:#000000; stroke-width:2px; fill-opacity:0.7;" /> </svg>

[edit] example 2

<?xml version="1.0"?> <svg xmlns="http://www.w3.org/2000/svg" width="520" height="350"> <ellipse cx="258" cy="169" rx="250" ry="80" transform="matrix(0.866025,-0.5,0.5,0.866025,-46,152)" style="fill:none;stroke:black;stroke-width:3" /> </svg>

[edit] example 3

<?xml version="1.0"?> <svg xmlns="http://www.w3.org/2000/svg" width="226" height="226"> <circle cx="110" cy="107" r="80" stroke="black" stroke-width="5" fill="red" /> </svg>

[edit] example 4

<?xml version="1.0"?> <svg xmlns="http://www.w3.org/2000/svg" width="526" height="233"> <rect x="13" y="14" width="500" height="200" rx="50" ry="100" fill="none" stroke="blue" stroke-width="10" /> </svg>

[edit] example 5

<?xml version="1.0"?> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="236" height="120" viewBox="0 0 236 120"> <rect x="14" y="23" width="200" height="50" fill="#55FF55" stroke="black" stroke-width="1" /> </svg>

[edit] example 7

<?xml version="1.0"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg xmlns="http://www.w3.org/2000/svg" width="467" height="462"> <rect x="80" y="60" width="250" height="250" rx="20" style="fill:#ff0000; stroke:#000000;stroke-width:2px;" /> <rect x="140" y="120" width="250" height="250" rx="40" style="fill:#00f0ff; stroke:#000000; stroke-width:2px; fill-opacity:0.7;" /> </svg>