File talk:Flag of City of Vaughan.svg

From Wikimedia Commons, the free media repository
Jump to navigation Jump to search

Different versions exist, from different tools.

1 Flag of Vaughan, Ontario.svg Unknown tool - 3 KB W3C-valide is another shape & too large
2 Flag of Vaughan, Ontario, Canada.svg Inkscape - 5 KB W3C-valide reasonable size 362 × 242
3 Flag of Vaughan,Ontario.svg Method Draw - 60 KB 36 W3C errors much too large: 7766×4790
4 Flag of City of Vaughan.svg Text editor - 390 bytes W3C-valide much too small (102 × 68px)

A good size for an SVG flag is a width about 600 px; too large sizes need zooming-in to see the whole image, sizes too small need zooming-out to see the details.

The 4th example

Html code

<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="102" height="68" fill="#FFF">
<path d="m0,0h102v68H0"/>
<path fill="#ED1A24" d="m51,28 7,14 11-1.3-2,6 3,1.5-10,8
1.3,3-9.3-1v11h-2v-11l-9.3,1 1.3-3-10-8 3-1.5-2-6 11,1.3"/>
<path d="m19,1 32,56-17-56m34,0-17,56 32-56"/>
<path fill="#005396" d="m9,1 42,56-32-56m64,0-32,56
42-56m-59,0 17,56-8-56m16,0-8,56 17-56"/>
</svg>
390 bytes


can easily made greater, e.g. with  width="600" height="400" viewBox="0 0 102 68" or with a translate="scale(588)" instruction. 

By changing the code e.g.

Html code

<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="408" height="272" fill="#FFF">
<path d="m0,0h408v272H0"/>
<path fill="#ED1A24" d="m204,112 28,56 44-5-8,24 12,6-40,32
5,12-37-4v44h-8v-44l-37,4 5-12-40-32 12-6-2-24 44,5"/>
<path d="m76,5 128,223-68-223m136,0-68,223 128-223"/>
<path fill="#005396" d="m36,5 168,223-128-223m256,0-128,223
168-223m-236,0 68,223-32-223m64,0-32,223 68-223"/>
</svg>
413 bytes


it will also become greater.