Posts Tagged ‘svg scalable vector graphics’

SVG – Scalable Vector Graphics

April 8, 2008

Today we had a (limited) look at Scalable vector graphics. These share the same properties as all vector graphics; they are made up of descriptions of the shapes in them rather than pixels, they are resolution independent (they do not pixellise when zoomed in), they allow editing of individual objects etc etc. They are particularly used on the web for reasons best shown by the diagram below (from an excellent Wikipedia page about SVG)

The main idea is that you should have an understanding of how something like the text below, turns into the two shapes below it…..

  <rect x="80" y="60" width="250" height="250" rx="20"
fill="red" stroke="black" stroke-width="2px" />

<rect x="140" y="120" width="250" height="250" rx="40"
fill="blue" fill-opacity="0.7" stroke="black" stroke-width="2px" />


Here are my notes from today:

Advertisements