Jankobert: jpg-Bilder aus MySQL [BLOB] in einem canvas darstellen ?

Beitrag lesen

SELF-Forum

jpg-Bilder aus MySQL [BLOB] in einem canvas darstellen ?

Jankobert
– Informationen zu den Bewertungsregeln

Liebes Forum,
ich stelle in einer Web-Seite Bilder in einem canvas-Objekt dar, die ich anschließend grafisch noch mit Linien, u.s.w. überlagere. Bisher lade ich die Bilder noch direkt als Datei. Der Code ist etwa so: (zur Übersicht etwas eingedampft)

  
var canvas = document.getElementById('bildfläche');  
var Bild = new Image();  
Bild.onload = function(){  
  var context = canvas.getContext('2d');  
  if(canvas.getContext){  
    context.drawImage(Bild, 0, 0);  
    context.strokeStyle = "rgb(0, 0, 0)";  
    context.lineWidth=2;  
    context.beginPath();  
  
...  
  
  }  
};  
Bild.src = bilder_pfad;  
  
(z.B.: bilder_pfad="/grafik/basis_2014_03.jpg")

Nun wird das Projekt aber zunehmend komplexer und ich würde die Bilder gerne aus einer MySQL übernehmen. Erstellt und in MySQL abgelegt (als BLOB) werden die Bilder mit einem kleinen VB.net-Projekt. Auch das PHP-Skript zum Auslesen des Bildes aus der MySQL habe ich soweit im Griff.

Jetzt aber mein Problem:
Wie bekomme ich dem Image-Objekt (hier 'Bild') die Inhalte der Übergabevariable vom php-Skript übergeben, so das es vom canvas als Bild interpretiert wird. Sozusagen das äquvalent zum "Bild.src = bilder_pfad;"?

Liebe Grüße und vielen Dank vorab,
Janko

Beitrag melden
–
Informationen zu den Bewertungsregeln