将一个数据URL绘制为HTML5画布上的图像

原创
ithorizon 7个月前 (10-19) 阅读数 27 #HTML

如果您有数据 URL,则可以在画布上创建图像。这可以按照以下代码片段所示来完成 -

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;

以上就是将一个数据URL绘制为HTML5画布上的图像的详细内容,更多请关注IT视界其它相关文章!



热门