Heim  >  Artikel  >  Web-Frontend  >  Zeichnen Sie eine Daten-URL als Bild auf der HTML5-Leinwand

Zeichnen Sie eine Daten-URL als Bild auf der HTML5-Leinwand

WBOY
WBOYnach vorne
2023-09-17 23:33:151141Durchsuche

Zeichnen Sie eine Daten-URL als Bild auf der HTML5-Leinwand

Wenn Sie eine Daten-URL haben, können Sie ein Bild auf Leinwand erstellen. Dies kann wie im folgenden Codeausschnitt gezeigt erfolgen: Die Methode

var myImg = new Image;
myImg.src = strDataURI;

drawImage() zeichnet ein Bild, eine Leinwand oder ein Video auf die Leinwand. Die Methode drawImage() kann auch einen Teil des Bildes zeichnen und/oder die Bildgröße vergrößern/verkleinern.

Der unten angegebene Code funktioniert auch für diese Sequenz – Bild erstellen, onload so einstellen, dass ein neues Bild verwendet wird, und dann src festlegen -

// load image from data url
Var Obj = new Image();
Obj.onload = function() {
   context.drawImage(myImg, 0, 0);
};
Obj.src = dataURL;

Das obige ist der detaillierte Inhalt vonZeichnen Sie eine Daten-URL als Bild auf der HTML5-Leinwand. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen