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

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

WBOY
WBOY转载
2023-09-17 23:33:151136浏览

将一个数据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;

以上是将一个数据URL绘制为HTML5画布上的图像的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文转载于:tutorialspoint.com。如有侵权,请联系admin@php.cn删除