将three.js场景保存成图片
使用html2canvas或者canvas.toDataURL,直接转会发现场景是空白的
解决方案:在转图片之前先渲染一下场景,就不会导致因为渲染问题的闪白了
1. 获取dom
let canvas: any = renderer.domElement;
2. 转图片并下载
renderer.render(scene,camera);
var imageURL = canvas.toDataURL("image/png"); // 默认是PNG,也可以指定为"image/jpeg"并设置质量const link = document.createElement('a');
link.download = 'screenshot.png';
link.href = imageURL;
link.click();