Heim > Artikel > Web-Frontend > 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!