如何从webgl / javascript下载图像对象

Question

我有一个包含100张图片的目录。我需要在各种文件夹中复制它们以及我从webgl下载的其他信息。因此我想将它们上传到浏览器并再次下载（希望这不是傻瓜）

这是我的代码：

var imagefile = model.features[cIndex].imageName.substring(model.features[cIndex].imageName.lastIndexOf('/')+1);
var image = new Image();
image.src = model.imageDirectory + imagefile;
image.onload = function() {
console.info("Read \""+image.src + "\"...Done");
}
image.onerror = function() {
var message = "Unable to open \"" + image.src + "\".";
console.error(message);
alert(message);
}

var data = image.src;

zip.file('image_RH_Original' + cIndex +'.png', data , {base64: true}); 

这是错的吗？如何做类似＆＃34; toDataURL＆＃34;对于图像对象？

Answer 1

toDataURL是一种canvas方法，webgl绘制到画布。所以只需调用canvas.toDataURL（）。可能还需要将preserveDrawingBuffer设置为true。