给定一个数据URL,您可以通过将图像的设置为数据URL来创建图像(在页面上或仅在JS中)src
。例如:
var img = new Image;
img.src = strDataURI;
HTML5 Canvas Context 的drawImage()
方法使您可以将图像(或画布或视频)的全部或部分复制到画布上。
您可以这样使用它:
var myCanvas = document.getElementById('my_canvas_id');
var ctx = myCanvas.getContext('2d');
var img = new Image;
img.onload = function(){
ctx.drawImage(img,0,0); // Or at whatever offset you like
};
img.src = strDataURI;