f.a.q.

Wat is het verschil tussen SVG en flash?

Het verschil tussen deze formaten wordt in onderstaande tabel uitgelegd.
SVG flash
Op xml gebaseerd Niet op xml gebaseerd
Mogelijkheid om SVG met XHTML te combineren. Deze mogelijkheid bestaat niet.
Standaard (goedgekeurd door het W3C). Geen standaard. Ontwikkeld door Macromedia
Mogelijkheid om Ecmascript te gebruiken. Mogelijkheid om een andere scripttaal, actionscript, te gebruiken.
SVG kan gecomprimeerd worden door het gzip-formaat. flash is altijd gecomprimeerd.
U kan SVG maken met een tekst-editor. Voor flash heeft u een (duur) grafisch programma nodig.

Waar vind ik de officiële specificatie van SVG

Op de website van het W3C: http://www.w3.org/graphics/svg.

Hoe voeg ik een SVG-bestand in.

Dit doet u met de tag <embed></embed>. In feite moet dit met de tag <object></object> maar embed heeft een grotere ondersteuning. Bijvoorbeeld:

<embed src="svg.svg" height="100" width="200" pluginspage="http://www.adobe.com/svg"></embed>

Is de Adobe SVG Viewer de enige plugin?

Neen, er bestaan andere plugins zoals KSVG voor Linux (meer bepaald voor de KDE-browser Konqueror). Sommige browsers zoals de browsers van het W3C, Amaya, ondersteunen SVG binnen XHTML. Van de browser Mozilla bestaan er versies (dit zijn niet-officiele versies, Mozilla 1.0 ondersteund geen SVG) met gedeeltlijke SVG-ondersteuning. Deze vindt u op http://www.mozilla.org/projects/svg.

Is SVG moeilijker dan HTML?

Misschien een beetje, maar als u HTML kent, kan u zeker SVG Leren.

Wat is het verschil tussen Ecmascript, Javascript, jscript, ...

Zie script.htm

Kan ik gif,jpg of png-afbeeldingen in de SVG-afbeelding stoppen?

Ja, dit doet u met Base64-encoding. Vooraan in het attribuut xlink:href plaatst u data:image/png;base64, (image/png kan ook image/gif of image/jpg zijn). Daarna plaatst u de in Base64-encoding opgaslagen afbeelding.

Hoe kan ik een afbeelding in Base64-encoding opslaan?

Dit kan u doen met een e-mail programma. Open een e-mail programma, voeg een tekening toe als attachement en stuur de e-mail naar uw eigen e-mail addres. Sla de ontvangen e-mail op als een .eml-bestand en open hem met een teksteditor. Dan ziet u iets zoals dit:

From - Tue Jul 23 19:49:01 2002
X-Mozilla-Status: 0001
X-Mozilla-Status2: 00000000
Return-Path:
Received: from netscape.net (000.000.000.000 by mail.my.server.com with ESMTP id MAILININ00-00000000; Tue, 23 Jul 2002 13:51:02 -0000
Message-ID: <00000000000000000@netscape.net>
Date: Tue, 23 Jul 2002 19:48:17 +0200
From: My <my@netscape.net>
User-Agent: Mozilla/5.0 (Windows; U; Win 9x 4.90; en-US; m18) Gecko/20010131 Netscape6/6.01
X-Accept-Language: nl-be
MIME-Version: 1.0
To: My <my@netscape.net>
Subject: Base64 test
Content-Type: multipart/mixed;
boundary="------------000000000000000000000000"
X-Mailer: Unknown (No Version)

--------------000000000000000000000000
Content-Type: text/plain; charset=us-ascii; format=flowed
Content-Transfer-Encoding: 7bit

Dit is een test

--------------000000000000000000000000
Content-Type: image/gif;
name="test.gif"
Content-Transfer-Encoding: base64
Content-Disposition: inline;
filename="test.gif"

R0lGODdhDAAFAPcAAAAAAAAAQAAAgAAA/wAgAAAgQAAggAAg/wBAAABAQABAgABA/wBgAABg
QABggABg/wCAAACAQACAgACA/wCgAACgQACggACg/wDAAADAQADAgADA/wD/AAD/QAD/gAD/
/yAAACAAQCAAgCAA/yAgACAgQCAggCAg/yBAACBAQCBAgCBA/yBgACBgQCBggCBg/yCAACCA
QCCAgCCA/yCgACCgQCCggCCg/yDAACDAQCDAgCDA/yD/ACD/QCD/gCD//0AAAEAAQEAAgEAA
/0AgAEAgQEAggEAg/0BAAEBAQEBAgEBA/0BgAEBgQEBggEBg/0CAAECAQECAgECA/0CgAECg
QECggECg/0DAAEDAQEDAgEDA/0D/AED/QED/gED//2AAAGAAQGAAgGAA/2AgAGAgQGAggGAg
/2BAAGBAQGBAgGBA/2BgAGBgQGBggGBg/2CAAGCAQGCAgGCA/2CgAGCgQGCggGCg/2DAAGDA
QGDAgGDA/2D/AGD/QGD/gGD//4AAAIAAQIAAgIAA/4AgAIAgQIAggIAg/4BAAIBAQIBAgIBA
/4BgAIBgQIBggIBg/4CAAICAQICAgICA/4CgAICgQICggICg/4DAAIDAQIDAgIDA/4D/AID/
QID/gID//6AAAKAAQKAAgKAA/6AgAKAgQKAggKAg/6BAAKBAQKBAgKBA/6BgAKBgQKBggKBg
/6CAAKCAQKCAgKCA/6CgAKCgQKCggKCg/6DAAKDAQKDAgKDA/6D/AKD/QKD/gKD//8AAAMAA
QMAAgMAA/8AgAMAgQMAggMAg/8BAAMBAQMBAgMBA/8BgAMBgQMBggMBg/8CAAMCAQMCAgMCA
/8CgAMCgQMCggMCg/8DAAMDAQMDAgMDA/8D/AMD/QMD/gMD///8AAP8AQP8AgP8A//8gAP8g
QP8ggP8g//9AAP9AQP9AgP9A//9gAP9gQP9ggP9g//+AAP+AQP+AgP+A//+gAP+gQP+ggP+g
///AAP/AQP/AgP/A////AP//QP//gP///yH5BAAAAAAALAAAAAAMAAUAAAgPACEIHEiwoMGD
CBMqLBgQADs=
--------------000000000000000000000000--

De groene tekst die onder filename staat is de afbeelding opgeslagen in Base64.

Kan ik zorgen dat de inhoud van een SVG-afbeelding altijd even groot is als het venster

Ja, dit doet u door het element vieuwBox toe te voegen aan de tag <svg></svg>. Dit attribuut geeft u de waarde 0 0 breedte hoogte (hoogte en breedte moeten vervangen worden door de hoogte en breedte van de svg-afbeelding). De attributen width en height geeft u de waarde 100%. Bijvoorbeeld:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg width="100%" height="100%" viewBox="0 0 100 100">
<circle cx="50" cy="50" r="50" fill="blue" />
</svg>

(Bekijk dit voorbeeld).

Kan ik SVG-afbeeldingen doorzichtig maken

Bij adobe SVG Viewer drie is het mogelijk om de achtergrond van een svg-afbeelding transparant te maken door het attribuut wmode="transparent" aan de <embed></embed>-tag toe te voegen. Dit werkt echter alleen met Internet Explorer op Windows en is daarom af te raden aangezien een gebruiker die een andere browser gebruikt een witte achtergrond ziet.