首页 > 文章列表 > 将一个数据URL绘制为HTML5画布上的图像

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

绘制 数据URL HTML画布
461 2023-09-14

如果您有数据 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;