从数据URL到HTML5画布绘制图像

如果您有数据网址,则可以在画布上创建图像。如以下代码片段所示,可以完成此操作-

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

drawImage()方法在画布上绘制图像,画布或视频。该drawImage()方法还可以绘制图像的一部分,和/或增加/减小图像的大小。

以下给出的代码也适用于该序列-创建映像,将onload设置为使用新映像,然后设置src-

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