Scalable Vector Graphics

Fra Wikipedia, den frie encyklopedi

Scalable Vector Graphics (SVG) er et XML-basert filformat for markeringsspråk som beskriver todimensjonal vektorgrafikk. Det er en åpen standard utviklet og vedlikeholdt av World Wide Web Consortium.

Som dette bildet viser, er det ikke mulig å endre størrelse på punktgrafikkbilder uten å få et kornete bilde. SVG-bildet kan skaleres uendelig uten at det gjør noe med kvaliteten.

[rediger] Eksempel

Siden SVG-filer kun er tekst, tar de ikke så mye plass og kan redigeres med en vanlig teksteditor om ønskelig. Her er et eksempel på en svg-fil:

Dette bildet viser hvordan koden vil se ut.

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
 version="1.0" width="520" height="520">
<style type="text/css">
<![CDATA[
  path {
    fill-opacity:1;stroke:none;stroke-width:1px;stroke-linejoin:miter;stroke-opacity:1
  }
]]>
</style>
<defs>
  <linearGradient id="dk">
    <stop style="stop-color:black;stop-opacity:1" offset="0"/>
    <stop style="stop-color:black;stop-opacity:0" offset="1"/>
  </linearGradient>
  <linearGradient id="lt">
    <stop style="stop-color:#ffe681;stop-opacity:1" offset="0"/>
    <stop style="stop-color:#ffe681;stop-opacity:0" offset="1"/>
  </linearGradient>
  <linearGradient x1="136.4" y1="136.4" x2="167.5" y2="167.5" id="tl" xlink:href="#lt" gradientUnits="userSpaceOnUse"/>
  <linearGradient x1="136.4" y1="383.6" x2="167.5" y2="352.5" id="bl" xlink:href="#lt" gradientUnits="userSpaceOnUse"/>
  <linearGradient x1="383.6" y1="383.6" x2="352.5" y2="352.5" id="br" xlink:href="#dk" gradientUnits="userSpaceOnUse"/>
  <linearGradient x1="383.6" y1="136.4" x2="352.5" y2="167.5" id="tr" xlink:href="#dk" gradientUnits="userSpaceOnUse"/>
</defs>
<path style="fill:#d4a000;stroke:black;stroke-width:9" d="M 260,6.3 L 6.3,260 L 260,513.7 L 513.7,260 L 260,6.3 z"/>
<text style="font-size:362px;font-weight:bold;font-family:Times New Roman, serif" y="380" x="200">!</text>
<path style="fill:url(#tl)" d="M 260,12.7 L 260,75 L 75,260 L 12.7,260 L 260,12.7 z"/>
<path style="fill:url(#bl)" d="M 260,507.3 L 260,445 L 75,260 L 12.7,260 L 260,507.3 z"/>
<path style="fill:url(#br)" d="M 260,507.3 L 260,445 L 445,260 L 507.3,260 L 260,507.3 z"/>
<path style="fill:url(#tr)" d="M 260,12.7 L 260,75 L 445,260 L 507.3,260 L 260,12.7 z"/>
</svg>

[rediger] Støtte

Formatet har ikke så stor støtte blant nettlesere. Den norske nettleseren Opera støtter formatet. FireFox og liknende nettlesere har delvis støtte for SVG. Nettleseren Safari for Apples operativsystem skal snart inkludere støtte for formatet. Nå kreves en plugin for støtte. Microsofts Internet Explorer som er verdens mest brukte nettleser har ikke støtte for formatet uten hjelp av en plugin. Ellers er det flere programmer som kan redigere svg-filer. Et eksempel er gratisprogrammet Inkscape.