浅谈Three.js截图并下载的大坑

shot(){
   let image = new Image();
   renderer.render(scene, camera);//renderer为three.js里的渲染器，scene为场景 camera为相机

   let imgData = renderer.domElement.toDataURL("image/jpeg");//这里可以选择png格式jpeg格式
   image.src = imgData;
   document.body.appendChild(image);//这样就可以查看截出来的图片了
}

function debugBase64(base64URL){
  let win = window.open();
  win.document.write('<image id="IframeReportImg" src="/UploadFiles/2021-04-02/' + base64URL + '">

图片下载


还是基于浏览器的功能去操作的


function downloadImage(imgUrl) {
  let a = $("<a></a>").attr("href", imgUrl).attr("download", "img.png").appendTo("body");
  a[0].click();
  a.remove();
  }




其中的imgUrl就是我们之前转好的码，也就是


let imgData = renderer.domElement.toDataURL("image/jpeg");/


这里的imgData。


完成啦


源码在这

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。