Dessinez une URL de données sous forme d'image sur un canevas HTML5

Si vous disposez d'une URL de données, vous pouvez créer une image sur le canevas. Cela peut être fait comme indiqué dans l'extrait de code suivant - La méthode

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

drawImage() dessine une image, un canevas ou une vidéo sur le canevas. La méthode drawImage() peut également dessiner une partie de l'image et/ou augmenter/diminuer la taille de l'image.

Le code ci-dessous fonctionne également pour cette séquence - créez une image, définissez onload pour utiliser une nouvelle image, puis définissez src -

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!