如何使用三个obj加载fabricjs作为obj的纹理

<canvas id="canvas"></canvas>

var canvas = new fabric.Canvas('canvas');

// 创建一个THREE.WebGLRenderer对象
var renderer = new THREE.WebGLRenderer({ canvas: canvas.lowerCanvasEl });

// 创建一个THREE.Scene对象
var scene = new THREE.Scene();

// 创建一个THREE.PerspectiveCamera对象
var camera = new THREE.PerspectiveCamera(75, canvas.width / canvas.height, 0.1, 1000);
camera.position.z = 5;

// 创建一个THREE.OBJLoader对象
var loader = new THREE.OBJLoader();

// 加载第一个obj文件
loader.load('path/to/obj1.obj', function (object) {
  // 创建一个THREE.Texture对象，并将obj文件作为纹理
  var texture = new THREE.Texture(object);
  texture.needsUpdate = true;

  // 创建一个THREE.MeshBasicMaterial对象，并将纹理应用到其中
  var material = new THREE.MeshBasicMaterial({ map: texture });

  // 创建一个THREE.Mesh对象，并将材质应用到其中
  var mesh = new THREE.Mesh(object, material);

  // 将mesh添加到scene中
  scene.add(mesh);
});

// 加载第二个obj文件
loader.load('path/to/obj2.obj', function (object) {
  // 创建一个THREE.Texture对象，并将obj文件作为纹理
  var texture = new THREE.Texture(object);
  texture.needsUpdate = true;

  // 创建一个THREE.MeshBasicMaterial对象，并将纹理应用到其中
  var material = new THREE.MeshBasicMaterial({ map: texture });

  // 创建一个THREE.Mesh对象，并将材质应用到其中
  var mesh = new THREE.Mesh(object, material);

  // 将mesh添加到scene中
  scene.add(mesh);
});

// 加载第三个obj文件
loader.load('path/to/obj3.obj', function (object) {
  // 创建一个THREE.Texture对象，并将obj文件作为纹理
  var texture = new THREE.Texture(object);
  texture.needsUpdate = true;

  // 创建一个THREE.MeshBasicMaterial对象，并将纹理应用到其中
  var material = new THREE.MeshBasicMaterial({ map: texture });

  // 创建一个THREE.Mesh对象，并将材质应用到其中
  var mesh = new THREE.Mesh(object, material);

  // 将mesh添加到scene中
  scene.add(mesh);
});

// 创建一个渲染函数，用于在每一帧更新canvas
function render() {
  requestAnimationFrame(render);
  renderer.render(scene, camera);
}

// 调用渲染函数开始渲染
render();