Как загрузить объект изображения из 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}); 

Является ли это так? Как мне сделать что-то похожее на «toDataURL» для объекта изображения?

Answer 1

toDataURL - это метод холста, а webgl рисует на холсте. Поэтому просто вызовите canvas.toDataURL(). Вероятно, нужно также установить preserveDrawingBuffer в true.