Scalable vector Graphics SVG

SVG (Scalable Vector Graphics) is a W3C recommendation defining an XML standard for graphics on the web. It is comparable to flash, however SVG is an open standard. SVG uses concepts like points, lines and curves. A simple example is:

<?xml version="1.0" standalone="no"?>  
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "">  
<svg width="100" height="100" version="1.1" xmlns="">  
   <circle cx="50" cy="50" r="30" stroke="black" stroke-width="2" fill="yellow"/>  
The example source shows some administrative overhead and an instruction to draw a black circle with yellow filling in an area of 100 * 100 pixels. Save it as a text file with extension .svg using whatever text editor you like and open this file in an SVG enabled browser. Is will show up like:

alt : It seems your browser does not support SVG. Consider using Google Chrome or another SVG enabled browser

Experiment adding an element like:

<text x="10" y="50" font-family="arial" font-size="10" fill="blue" >Hello world!</text>

© Jan van der Meiden 2015