WinFuture-Forum.de: Inline-SVG in <img>? - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Inline-SVG in <img>?


#1 Mitglied ist offline   Kirill 

  • Gruppe: aktive Mitglieder
  • Beiträge: 3.590
  • Beigetreten: 04. Dezember 06
  • Reputation: 121
  • Geschlecht:Männlich
  • Wohnort:BT

geschrieben 23. März 2011 - 13:37

Ich habe mich totgesucht und die W3C-Seiten sind sowieso keine Hilfe.

Kann man SVG-Grafiken inline im <img>-Element einbinden, oder irgendwo im Kopf inline definieren und in <img>-Elementen einbinden?
Most rethrashing{
DiskCache=AllocateMemory(GetTotalAmountOfAvailableMemory);}
0

Anzeige



#2 Mitglied ist offline   Holger_N 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.170
  • Beigetreten: 11. September 10
  • Reputation: 458
  • Geschlecht:Männlich

geschrieben 23. März 2011 - 14:29

Bin da kein Profi bzw. hab das noch nicht praktisch ausprobiert aber svg sollte sich entweder über den object-Tag einbinden lassen oder man generiert aus der svg eine png, welche sich dann als Bild wie gewohnt über img einbinden lässt.
Bauernregel: Regnets mächtig im April, passiert irgendwas, was sich auf April reimt.
0

#3 Mitglied ist offline   Witi 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.947
  • Beigetreten: 13. Dezember 04
  • Reputation: 43
  • Geschlecht:Männlich
  • Wohnort:Kingsvillage
  • Interessen:Frickeln

geschrieben 23. März 2011 - 14:40

Eine Einbindung mittels des img-Tag ist aus Sicherheitsgründen verboten. SVGs sind nämlich keine einfachen Bilder, diese können nämlich auch JavaScript-Code enthalten.

Soweit ich weiß unterstützt das bis dato nur Opera, allerdings wird dann nämlich kein JavaScript in den Dateien ausgeführt.

Entweder, wie Holger schon sagte, über den object-Tag oder über den svg-Tag den es in HTML5 geben wird.
0

#4 Mitglied ist offline   Kirill 

  • Gruppe: aktive Mitglieder
  • Beiträge: 3.590
  • Beigetreten: 04. Dezember 06
  • Reputation: 121
  • Geschlecht:Männlich
  • Wohnort:BT

geschrieben 23. März 2011 - 14:51

Was für einen Bockmist hat das W3C da bitteschön schonwieder verzapft, Bilder nicht über einen Bildertag einbinden. Ob die einfach mal wieder zu viel gekifft haben...

Also schön. Wie funktioiert der <svg>-Tag? Kann ich den genauso wie den <img>-Tag verwenden (incl onclick) und wie macht man es da inline?
Most rethrashing{
DiskCache=AllocateMemory(GetTotalAmountOfAvailableMemory);}
0

#5 Mitglied ist offline   Holger_N 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.170
  • Beigetreten: 11. September 10
  • Reputation: 458
  • Geschlecht:Männlich

geschrieben 23. März 2011 - 14:59

svg ist ja eine Vektorgrafik und keine Rastergrafik wie die klassischen "Bilder".
Bauernregel: Regnets mächtig im April, passiert irgendwas, was sich auf April reimt.
0

#6 Mitglied ist offline   Kirill 

  • Gruppe: aktive Mitglieder
  • Beiträge: 3.590
  • Beigetreten: 04. Dezember 06
  • Reputation: 121
  • Geschlecht:Männlich
  • Wohnort:BT

geschrieben 23. März 2011 - 15:00

Ist ja an sich egal, Bild ist Bild.
Most rethrashing{
DiskCache=AllocateMemory(GetTotalAmountOfAvailableMemory);}
0

#7 Mitglied ist offline   Witi 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.947
  • Beigetreten: 13. Dezember 04
  • Reputation: 43
  • Geschlecht:Männlich
  • Wohnort:Kingsvillage
  • Interessen:Frickeln

geschrieben 23. März 2011 - 15:08

Nochmals, das sind keine gewöhnlichen Bilder. Diese Grafiken kannst du scripten und das macht sie wiederum zu einem Sicherheitsrisiko.

Und mit der W3C hat das wenig zu tun, sondern mit den Browserherstellern. Wende dich an sie, falls du dieses Feature haben möchtest.

Zitat

Wie funktioiert der <svg>-Tag?

Ist unsere Suchmaschine defekt?
http://de.wikibooks....eb#SVG_in_HTML5
0

#8 Mitglied ist offline   Kirill 

  • Gruppe: aktive Mitglieder
  • Beiträge: 3.590
  • Beigetreten: 04. Dezember 06
  • Reputation: 121
  • Geschlecht:Männlich
  • Wohnort:BT

geschrieben 23. März 2011 - 15:12

Schöne Seite, schaue ich mir an. Und ja, so einfach dargestellt hab ich es nirgends gefunden.
Most rethrashing{
DiskCache=AllocateMemory(GetTotalAmountOfAvailableMemory);}
0

#9 Mitglied ist offline   Holger_N 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.170
  • Beigetreten: 11. September 10
  • Reputation: 458
  • Geschlecht:Männlich

geschrieben 23. März 2011 - 15:14

Beitrag anzeigenZitat (Kirill: 23.03.2011, 15:00)

Ist ja an sich egal, Bild ist Bild.


Nee, nee, eine Rastergrafik enthält als Informationen die tatsächlichen Bildinformationen. Wenn man sich das "bildlich" vorstellt ist das Anzeigen einer Rastergrafik vom Vorgang her so, als gibt man jemandem ein Foto von einem Baum und sagt "Halt das mal hoch". Dann hält der das hoch und es sieht überall gleich aus, weil Foto mit Baum hochhalten kann jeder.
Eine Vektorgrafik ist aber kein Bild sondern in dem Fall nur ein Zettel wo draufsteht "Mal mal einen Baum!" und den gibt man dann einem Maler und der malt dann erst den Baum und das dann entstehende Bild kann man erst hochalten. So und per SVG-Tag kann html5 scheinbar die Malarbeiten übernehmen aber man kann natürlich die svg nicht als Bild einbinden, denn das wäre als würde man im vorangegangenen bildlichen Beispiel einfach nur den Zettel hochalten mit der Anweisung "Mal mal einen Baum!"

Und das "Gefährliche" ist, man könnte statt "Mal mal einen Baum!" auch schreiben "Mal mal einen Baum, Rahme es ein, halt das Bild dann hoch und nach 10 Sekunden schlag den Rahmen kaputt!" und der Maler arbeitet die Anweisungen ab und alles ist kaputt.

Dieser Beitrag wurde von Holger_N bearbeitet: 23. März 2011 - 15:19

Bauernregel: Regnets mächtig im April, passiert irgendwas, was sich auf April reimt.
0

#10 Mitglied ist offline   Kirill 

  • Gruppe: aktive Mitglieder
  • Beiträge: 3.590
  • Beigetreten: 04. Dezember 06
  • Reputation: 121
  • Geschlecht:Männlich
  • Wohnort:BT

geschrieben 23. März 2011 - 15:53

Ich weiss, was der Unterschied zwischen Bitmaps und Vektorgrafiken ist. Nur ist immer noch beides ein Bild.
Most rethrashing{
DiskCache=AllocateMemory(GetTotalAmountOfAvailableMemory);}
0

#11 Mitglied ist offline   Holger_N 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.170
  • Beigetreten: 11. September 10
  • Reputation: 458
  • Geschlecht:Männlich

geschrieben 23. März 2011 - 16:33

Beitrag anzeigenZitat (Kirill: 23.03.2011, 15:53)

Ich weiss, was der Unterschied zwischen Bitmaps und Vektorgrafiken ist. Nur ist immer noch beides ein Bild.


Eins davon geht nur. Wenn du den Unterschied kennst, dann weißt du dass eben nicht beides Bilder sind, oder du hälst beides für Bilder aber dann kennst du den Unterschied nicht. Eine jpg-Datei ist im Prinzip ein Bild aber eine svg-Datei ist nur eine Anleitung, wie das resultierende Bild zu malen ist.
Bauernregel: Regnets mächtig im April, passiert irgendwas, was sich auf April reimt.
0

#12 Mitglied ist offline   Kirill 

  • Gruppe: aktive Mitglieder
  • Beiträge: 3.590
  • Beigetreten: 04. Dezember 06
  • Reputation: 121
  • Geschlecht:Männlich
  • Wohnort:BT

geschrieben 23. März 2011 - 18:42

Ich weiss, was es technisch ist. Nur ist das mal egal, da beides im Endeffekt Bilder sind. Es gibt, nebenbei besagt, nicht umsonst den Begriff "Vektorgrafik" neben "Rastergrafik". Eine Vektorgrafik nimmt man auch als Bild wahr und eine Vektorgrafik lädt man auch in einen Grafikeditor.
Im Endeffekt sind beides Bilder, auch wenn die Art der Informationsspeicherung anders ist. Weisste, bei einem Bitmap sagt man auch "Mal ein Pixel dort mit der Farbe, daneben ein Pixel dort mit der Farbe". So viel anderes ist das auch nicht.
Most rethrashing{
DiskCache=AllocateMemory(GetTotalAmountOfAvailableMemory);}
0

#13 Mitglied ist offline   Holger_N 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.170
  • Beigetreten: 11. September 10
  • Reputation: 458
  • Geschlecht:Männlich

geschrieben 23. März 2011 - 19:21

Du verstehst nicht, warum man eine Vektordatei nicht einfach so per IMG-Tag einbauen kann und fragst nach und wenn man versucht, es dir zu erklären, dann siehst du es nicht ein und behauptest das stimmt nicht. Also entweder du weißt über Vektorgrafiken bescheid, dann müßte dir aber klar sein, warum es nicht so einfach per IMG-Tag geht oder du verstehst es nicht warum es nicht funktioniert, dann hast du aber das Prinzip der Vektorgrafiken nicht verstanden. Eins von Beiden wirst du dir leider eingestehen müssen.
Bauernregel: Regnets mächtig im April, passiert irgendwas, was sich auf April reimt.
0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0