Three.js -将纹理导出为图像

// 创建纹理
var textureLoader = new THREE.TextureLoader();
var texture = textureLoader.load('texture.jpg');

// 创建材质并应用纹理
var material = new THREE.MeshBasicMaterial({ map: texture });
var geometry = new THREE.BoxGeometry(1, 1, 1);
var cube = new THREE.Mesh(geometry, material);

// 创建场景和渲染器
var scene = new THREE.Scene();
scene.add(cube);
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);

// 渲染场景
renderer.render(scene, camera);

// 将纹理导出为图像
var dataURL = renderer.domElement.toDataURL();

// 将DataURL转换为图像文件
var image = new Image();
image.src = dataURL;
image.onload = function() {
  var canvas = document.createElement('canvas');
  canvas.width = image.width;
  canvas.height = image.height;
  var context = canvas.getContext('2d');
  context.drawImage(image, 0, 0);
  canvas.toBlob(function(blob) {
    // 在这里可以将blob保存为图像文件
  }, 'image/png');
};