Webprogrammierung (SVG+XML-Grafik richtig verwenden)

[cooldiman1]

Hallo CB Gemeinde,

zurzeit habe ich nein Langzeitprojekt am laufen und benötige Hilfe.

Kenntnisse eigne ich mir komplett übers Internet an (HTML,PHP,CSS,Javascript)(Alles noch Anfängerkenntnisse).

Bei meinem Projekt finden "SVG+XML-Grafiken" verwendung (selbst erstellte Frameverläufe änlich wie hier auf CB) doch ich weiß mit denen nicht recht umzugehen. Erstellt habe ich sie aber wie kann ich sie nun in meine Website einbauen bzw. so wie CB das tut.
Was benötige ich noch dafür an Kenntnissen und könnte jemand kurz zusammenfassen was für Themen und etc. ich mir aneignen müsste um mit den SVG+XML-Grafiken schonmal besser umgehen zu können.

Danke für eure Hilfe
MfG cooldi

 

[Daaron]

Es kommt drauf an, welche Browser du supporten willst. Jeder IE<9 kann gar kein SVG. IE9 kann Inline-SVG, aber keine SVG Backgrounds via CSS. IE10 kann all die feinen Sachen, genau wie leidlich aktuelle Chromes, Füchse, Safaris und Operas.

Möglichkeiten, SVG einzubinden, gibts einige (von obigen Limits durch Browser abgesehen):

<img src="blabla.svg" width=X height=Y /> ist XHTML-Konform und unabhängig von CSS... aber IE<=8 is trotzdem zu blöde dafür.

Nächste Methode: Schreib den XML-Code einfach in den HTML-Quelltext. Klappt in XHTML 1 sowie HTML5.
https://developer.mozilla.org/de/docs/SVG_In_HTML_Introduction

Und zu guter Letzt:
CSS3 erlaubt es, SVG's als Background-Image zu setzen.

Wenn du aber nur so einen Verlauf wie hier auf CB machen willst (also in eine konstante Richtung), dann würdest du mit CSS3 Background Gradients viel schneller zum Ziel kommen. Für die gibts über die proprietären Filter sogar einen Fallback für IE (bis zur 6 runter, glaub ich).

 

[cooldiman1]

OK hört sich schonmal sehr gut an. Dank dir
Ich schau mir dann Morgen mal was dazu an