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

How to download an image object from webgl/javascript

本文关键字：下载 图像 对象 javascript webgl      更新时间：2023-09-26

我有一个包含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});

这错了吗？如何对图像对象执行类似于"toDataURL"的操作？

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

相关文章：