将图片从数据 URL 绘制到 HTML5 画布

如果您有数据 URL，则可以创建图片到画布。具体操作如下代码片段 −

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

drawImage() 方法用于将图片、画布或视频绘制到画布上。drawImage() 方法还可以绘制图片的部分内容，以及/或者放大/缩小图片尺寸。

以下代码也适用于以下顺序:创建图片，设置 onload 以使用新图片，然后设置 src −

// 从数据 URL 加载图片
Var Obj = new Image();
Obj.onload = function() {
   context.drawImage(myImg, 0, 0);
};
Obj.src = dataURL;

相关文章

• HTML DOM 输入按钮对象
• HTML 画布 shadowBlur 属性
• HTML DOM address 对象
• HTML 画布 shadowColor 属性
• 使用 onmouseover 属性更改网页背景颜色
• HTML 画布 fillStyle 属性
• HTML frame 框架标签
• HTML Canvas clearRect() 方法
• HTML body 标签
• HTML optgroup 标签

有用资源

• html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/