Bilder binär im html-code

Hallo Leute,

2 probleme:
1. ich brauch für ein projekt die möglichkeit ein bild im hmtl-code intiegriert zu speichern (z.b. binär) und es auch anzuzeigen.
2. und dieses im code abglegte bild will ich auch verändern können (z.B. mit JS)

ist das möglich? wenn ja wie? hab da leider nichts drüber gefunden wie des geht...

LG Joni,

P.S.: Mit PHP ist das relativ einfach das weiß ich auch wie das da geht.. aber php ist dabei nicht möglich...

Hallo,

1.) Inline-Grafiken in HTML kannst du z.B. mit sogenannten "data-URLs" hinkriegen.
In Grunde sieht es so aus, dass du als SRC eines Image-Elements den Base64-Kodierten Inhalt einer Bilddatei verwendest.
Wie das geht, kannst du z.B. hier sehen.
Ansonsten kannst du in Google auch nach "inline image data html" oder ähnlichem suchen.

2.) Dafür gibt es in HTML5 (bzw. den meisten aktuellen Browsern) das neue "canvas"-Element.
Dieses Element ist darauf spezialisiert, eine Zeichenfläche zu bieten, die mit Javascript bearbeitet werden kann. Es gibt quasi Funktionen zum Verändern einzelner Pixel, Zeichnen von Grafiken, usw.
Es gibt viele Tutorials dazu im Netz, suche einfach mal nach Canvas in Kombination mit Javascript.

mfg, metax.