Scalable Vector Graphics - easy, low bandwidth, high resolution, dynamic.
Archive - Originally posted on "The Horse's Mouth" - 2011-04-23 18:31:46 - Graham EllisI have long wished that I could specify vector graphics in a browser ... and at long last I can say "most modern browsers support SVG" - as it's supported in IE9, as well as the other common browsers.
Well - Scalable Vector Graphics says what it does on the box, although in this example I'm using it to generate nice text which is covered by rectangles which gradually fade. The result is an animate and eyegrabbing image. I'll be generating SVG using PHP in the near future, and you'll start to see some rather more clever results. But we're a training outfit so let my start you with a simple case.
• An SVG image can be embedded using various tags - the recommended one is embed and there's an example of the format [here{.
• SVG is an XML based (tagged markup language) ... example [here].
![[here]](http://www.wellho.net/resources/ex.php4?item=q913/oursub.svg){kind=link}