Il plugin SVG
permette di inserire del codice SVG all'interno di un nodo.
Per visualizzare l'SVG e' necessario un browser con il supporto nativo SVG o un plugin.
Browsers:
Browser Gecko
Mozilla
Non e' attualmente distribuito con il supporto nativo abilitato.
Firefox), a partire dalla versione 1.5
Il supporto nativo e' per SVG 1.1
Internet Explore necessita di un plugin
Opera 8 ha un supporto nativo per SVG Tiny
Plugins:
Adobe SVG plugin 3.0 http://www.adobe.com/svg/
Adobe SVG plugin 6.0 preview 1 http://www.adobe.com/svg/viewer/install/beta.html
I Browser Gecko richiedono la 6.0 preview 1 Uso [#svg id='svgid' width='width' height='height':#]
...<your SVG code>...
[:svg#] id - l'id del codice SVG.
width - il width della grafica/immagine SVG
height - height della grafica/immagine SVG
Esempio
Visualizza:
permette di inserire del codice SVG all'interno di un nodo.
Per visualizzare l'SVG e' necessario un browser con il supporto nativo SVG o un plugin.
Browsers: Browser Gecko Mozilla
Non e' attualmente distribuito con il supporto nativo abilitato.
Firefox
), a partire dalla versione 1.5Il supporto nativo e' per SVG 1.1
Internet Explore necessita di un plugin Opera 8 ha un supporto nativo per SVG Tiny
Plugins: Adobe SVG plugin 3.0 http://www.adobe.com/svg/ Adobe SVG plugin 6.0 preview 1 http://www.adobe.com/svg/viewer/install/beta.htmlI Browser Gecko richiedono la 6.0 preview 1 Uso [#svg id='svgid' width='width' height='height':#]
...<your SVG code>...
[:svg#]
id - l'id del codice SVG. width - il width della grafica/immagine SVG height - height della grafica/immagine SVG
Esempio
[#svg id='s1' width='150' height='60':]
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full"
width="150px" height="60px" viewBox="0 0 150 60"
overflow="visible" enable-background="new 0 0 150 60"
xml:space="preserve">
<linearGradient id="back1">
<stop offset="20%" stop-color="#39f" />
<stop offset="90%" stop-color="#f3f" />
</linearGradient>
<linearGradient id="back2">
<stop offset="20%" stop-color="#4329af" />
<stop offset="90%" stop-color="#af33a0" />
</linearGradient>
<rect x="0" y="0" width="150" height="60" fill="url(#back1)"/>
<ellipse cx="75" cy="30" rx="72" ry="28"
style="stroke:#6B828F; stroke-width:0.5;" fill="url(#back2)"/>
<text x="15" y="45" font-size="50" fill="#ffff00">OW2</text>
</svg>
[:svg#]
