SVG-Diagramme auf ComputerBase

[Steffen]

Da einige bestimmt die Vorabversion von Deer Park Alpha 1 installiert haben, die ja mit SVG-Unterstützung daherkommt, könnte es für manche interessant sein. In unserem Artikel zur Centrino-Akkulaufzeit kamen erstmals SVG-Diagramme zum Einsatz.

Damit diese ausgeliefert werden, muss man jedoch zunächst eine einstellung ändern. Man gibt in der Adresszeile "about:config" ein und sucht die Einstellung "network.http.accept.default". Deren Wert lautet bei mir zum Beispiel

text/xml,application/xml,application/xhtml+xml,text/html;q=0.9,text/plain;q=0.8,image/png,*/*;q=0.5

Ändern muss man diesen auf folgende Zeichenkette:

text/xml,application/xml,application/xhtml+xml,text/html;q=0.9,text/plain;q=0.8,image/png,image/svg+xml,*/*;q=0.5

Also nach "image/png" noch ",image/svg+xml" anfügen. Nun bekommt man im genannten Artikel SVG-Diagramme ausgeliefert.

Bug #240493 betrifft das automatische Hinzufügen von "image/svg+xml" zum Accept-Header.

 

[Enigma]

Klasse! Mit welchem Tool habt ihr die SVG-Diagramme erstellen lassen? Ist es im Endefekt viel aufwendiger als ein Bild zu integrieren?

 

[Steffen]

SVG ist doch einfach nur XML. Unser CMS generiert aus den eingegebenen Werten dann anstatt HTML-Code halt SVG. Den Code kannst du dir per Rechtsklick auch ansehen, ist eigentlich einfach wenn man HTML kennt. Gibt halt leider noch relativ wenig Dokumentation (wenn man mal von dem W3C-Dokument absieht) und man wird auf Bugs in den Implementierungen stoßen.

Zum Beispiel kann Opera 8 ja prinzipiell SVG, zwei Bugs verhindern jedoch dass wir an Opera 8 SVG-Diagramme ausliefern können. Zum einen kann Text nicht rotiert werden und zum anderen sorgt ein Bug dafür, dass wenn man anstatt eines horizontalen Verlaufs

<linearGradient id="background">

einen vertikalen verwendet

<linearGradient id="background" x1="0%" y1="0%" x2="0%" y2="100%">

, direkt die ganze SVG-Datei nicht mehr angezeigt wird. Einen davon habe ich Opera gemeldet, aber deren Bugsystem ist ja nicht öffentlich und die Erfahrung sagt, dass man nie etwas von denen zu hören bekommt. =)

 

[Enigma]

Jo - den Code hab ich gesehen - ich habe mich nur gefragt, wie ihr das SVG generiert. Also können theoretisch auch aus allen alten Benchmarkergebnissen in Tabellenform (class="chart") in Zukunft komplett SVGs generiert werden.

Was interessant ist: Wenn man den Firefox 1.1 installiert hat kann man mit dem "alten" 1.0.4 immernoch die SVG-Diagramme ansehen (http-accept mit svg+xml). Siehe Anlage.

Edit:

<object style="" adblockframename="adblock-frame-n3" adblockframedobject2="true" data="https://pics.computerbase.de/artikel/462/diagramme/3.svgz" type="image/svg+xml" height="339" width="430"><img src="https://pics.computerbase.de/artikel/462/diagramme/3.png" alt="Stromverbrauch bei Taktänderung" height="339" width="430"></object>

Es ich doch sehr wahrscheinlich, dass bei mir nur das png angezeigt wird. Ich fands nur komisch, dass die rechte Maustaste nicht mit dem Bild funktioniert - liegt wahrscheinlich an dem Object drum herum.

 

[Steffen]

Bist du dir sicher, dass in Firefox 1.0.4 nicht die PNG-Version angezeigt wird? Aus jeder SVG-datei wird auch eine PNG-Datei erstellt, die als Ersatz mit ausgeliefert wird.

Die bisherigen Tabellendiagramme bleiben weiter bestehen und man kann nicht so ohne weiteres einfach hin- und herschalten. Es kommt halt drauf an, was man (der Redakteur) darstellen will - je nachdem werden dann die Linien- und Balkendiagramme Verwendung finden.