Hopp til innhold

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.



















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="ASCII" 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>


Støtte på verdensveven

[rediger | rediger kilde]

Bruk av SVG-filer på verdensveven er i dag begrenset av manglende støtte fra enkelte eldre nettlesere, hovedsakelig eldre versjoner av Internet Explorer. Mange nettsteder som bruker SVG-filer, slik som Wikipedia, gjør bildene også tilgjengelige som punktgrafikkfiler. Nyere versjoner av moderne nettlesere støtter i det minste formatets grunnleggende funksjonalitet.

Eksterne lenker

[rediger | rediger kilde]