thress中图片下载

最新推荐文章于 2025-06-13 20:56:05 发布

快乐的小青蛙。

最新推荐文章于 2025-06-13 20:56:05 发布

阅读量375

点赞数 10

文章标签：前端 javascript 开发语言 three

本文链接：https://blog.youkuaiyun.com/weixin_46002223/article/details/136229637

版权

  <div style="position: absolute;top:80px;left:0px;">
    <button type="button" name="button" id="download">下载</button>
  </div>

const renderer = new THREE.WebGLRenderer({
  antialias: true,//锯齿模糊
  preserveDrawingBuffer: true,//想要把cavas画布上内容下载到本地，需要设置为true
  // alpha: true,//设置背景透明度
});
// 下载图片需要再WebGLRenderer中设置preserveDrawingBuffer
document.getElementById("download").addEventListener('click', function () {
  const link = document.createElement('a')
  const canvas = renderer.domElement
  link.href = canvas.toDataURL("image/png")
  link.download = "threejs.png"
  link.click()
})