three.js canvas内场景生成图片 canvas生成图片

第一种最简单的方法：

1 threeBox.render();//重点 解决拿到图片后为黑色 2 3 let src=http://www.likecs.com/threeBox.renderer.domElement.toDataURL();//将选中的canvas转换为base64编码 4 let a = document.createElement("a"); // 生成一个a元素 5 let event = new MouseEvent("click"); // 创建一个单击事件 6 a.download = "photo"; // 设置图片名称 7 a.href = src; // 将生成的URL设置为a.href属性 8 a.dispatchEvent(event); // 触发a的单击事件 将图片下载下来