使用数据 URL 向 HTML5 画布绘制图像


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

更新于: 2020 年 3 月 4 日

1K+ 浏览量

开启您的 职业生涯

通过完成课程获得认证

入门
广告
© . All rights reserved.