[emkay]

Hallo!

Neulich bin ich auf das Thema der Vektorgrafik mittels SVG gestoßen und bin schon angetan. Das Hauptfeature von SVG - nämlich Grafiken verlustfrei in ihrer Größe zu verändern - brauche ich dabei nicht mal.
Vielmehr gefällt mir, dass ich die Grafiken serverseitig durch PHP generieren lassen kann und außerdem die Tatsache, dass schon viele Browser SVGs direkt unterstützen.

Aber nun zu meinem Anliegen:

Ich verstehe nicht ganz wovon es abhängt, ob eine Linie mit der explizit angegebenen Dicke von einem Pixel auch tatsächlich einen Pixel breit gezeichnet wird.

Dass es irgendwie geht zeigt dieses Bild von Wikipedia:

http://upload.wikimedia.org/wikipedi..._legend_en.svg (SVG-fähiger Browser benötigt)

Man betrachte den schwarzen Rahmen der farbigen Kästchen, dieser ist überall schön 1px dick.

Ich habe den Code eines solchen Kästchens mal extrahiert, dieser sieht so aus:

<path d="M 239.5,251.5 L 325.5,251.5 L 325.5,300.5 L 239.5,300.5 L 239.5,251.5 Z"
style="fill:powderblue;stroke:#000000;stroke-width:1;" />

Klar, als stroke-width ist auch 1 angegeben.


Ändere ich die Gleitkommakoordinaten der Punkte aber in ganze Zahlen ab - alle Linien verlaufen weiterhin horizontal oder vertikal, auf jeden Fall nicht quer - so sind manche Linien plötzlich 2 px dick.

Kurz gesagt ist es mir noch nicht gelungen ein Bild zu zeichen, auf welchem wirklich nur 1px dicke Linien vorkommen. wie obiges Beispiel zeigt, hat außer "stroke-width" auch noch die Angabe der Koordinaten Einfluss auf die Liniendicke.

Oder habe ich etwas falsch verstanden, und SVG ist garnicht dazu geeignet, so pixelgenau zu arbeiten?
Mir ist nur wichtig, dass die Linien in der Standardgröße des Bildes (also ohne es zu "resizen") 1px dick sind.

vielen Dank!


edit: ich habe mir noch das Canvas-Element aus HTML5 angeschaut, das wäre ja eine Alternative... allerdings will ich das bild auf jeden Fall beschreiben, statt durch Zeichenbefehle zu erhalten.

[emkay]

Vermutlich hat es mit folgendem zu tun, aber ich blicke trotzdem nicht dahinter was gemeint ist

Zitat von wikipedia

Im Gegensatz zu Rastergrafiken (z. B. Bitmaps) sind SVG-Koordinaten Gleitkommazahlen und nicht Ganzzahlen. Das heißt, eine Koordinate in SVG kann quasi beliebig genau sein, während der Wertebereich ganzzahliger Pixel-Angaben in Bitmaps durch die maximale Größe des Bildes beschränkt wird. Bei bitmapbasierten Ausgabemedien, zum Beispiel einem Monitor, bezeichnet eine SVG-Angabe wie (x = 100, y = 200) nicht den ganzen Bildschirmpixel, sondern die Grenze zwischen den Pixeln.

edit: sorry für den doppelpost, wenn es stört kann es vielleicht ein mod fixen, danke