File talk:Flag of Novial.svg

Flag of Novial

SVG from the PNG version: 

First was the PNG version, from an unknown source. It could not be checked whether there are some rules or hints for measure relations or colors. Regarding this, it seemed rather free to choose all the measurement for best believe.

From this image a SVG version was created (version 2007 02 26) by means of Sodipodi. As common in Sodipodi images, evidently intended symmetries are not supported, an everything is expressd very complicated. It seemed a good candidate for an example of simplification.

The image needs a white background, a yellish inside part and a reddish outer one. The two red cushion shapes could be drawn in a way that the inner part remains free, avoiding to draw the yellow area with its eight arcs. Therefore the yellow area had to be colored first. So it may exeed the area where it is later visible, as long it does not exeed the red surrounding part. That needs some good precision at the eight knots, where the outlining of the two cushions meet.

For the drawing of the yellow area exist different options (see the version of 2012 02 23 07:33):

• in the shape of the smaller cushion, as shown in yellow
• in the shape of a rectangle, as shown in green
• in the shape of an ellipse, as shown in red
• in the shape of a polygon, as shown in blue

The least effort needs the rectangle.

It was an option to draw the shapes with cubic Béziers, but elliptic arcs require less effort. The drawing needs three paths:

1. the white background
2. the yellow area
3. the reddish cushions, overlaying themselves letting visible the yellow area

and it had been realized with this coding (line feeds inserted, compare with source code listing)

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="400">
<path fill="#FFF" stroke="#DDD" d="m0,0h600v400H0z"/>
<path fill="#FC3" d="m223,139h154v154H223z"/>
<path fill="#F66" stroke="#F66" d="
  M167,216
  a150,190 0 0,0 133-180
   150,190 0 0,0 133,180
   180,180 0 0,0-133,133
   180,180 0 0,0-133-133 
  M210,126
  a280,280 0 0,1 0,180
   280,280 0 0,1 180,0
   280,280 0 0,1 0-180
   280,280 0 0,1-180,0"/>
</svg>

SVG from the PNG version: 

Flag of God

A similar strategy helped to draw the FlagofGod.svg. It consist also of three elements:

1. the black background
2. the red cross
3. the yellow triangle and cross

which overlays itself letting visible parts of the red cross.

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="700" height="500">
<rect width="700" height="500"/>
<path fill="#E31" d="M0,500H700L350,0z"/>
<path fill="#DC1" d="M0,500H700L350,0z
  m304,0V193h-133v-84h133V0h92v108h133v84h-133V500z"/>
</svg>