Anzeige optimieren

(Auszug aus "Das Einsteigerseminar SVG — Webgrafiken mit XML" von Helma Spona)

Wenn Sie die Grafik testen, werden Sie feststellen, dass der Bildaufbau relativ träge ist. Teilweise liegt das an den verwendeten Farbverläufen und Filtern, die beim Rendern recht viel Zeit beanspruchen. Das lässt sich jedoch nur ändern, wenn Sie darauf verzichten. Allerdings ist zu erwarten, dass auch beim SVG-Viewer noch Optimierungsbedarf besteht und die nächste Version vielleicht schon besser ist. Etwas beschleunigen können Sie die Grafik jedoch auch, indem Sie Teile der Grafik nicht für eine optimale Anzeige, sondern bezüglich optimaler Geschwindigkeit rendern lassen. Dazu müssen Sie in den <svg>-Tag einfach ein style-Attribut mit bestimmten Werten einfügen.

Mit shape-rendering:optimzeSpeed legen Sie fest, dass grafische Elemente, wie Rechtecke, Kreise und Pfade, möglichst schnell gezeichnet werden sollen und text-rendering:optimizeSpeed legt die gleiche Eigenschaft für Textelemente fest. Damit schalten Sie jeweils den Antialiasing-Effekt aus.

Hinweis:
Von den Einstellungen bleiben allerdings die Filter- und Lichteffekte unberührt. Das bedeutet, dass Sie die Grafik erst dann richtig beschleunigen können, wenn Sie darauf verzichten.