在three.js中动态加载div中的数据

// 创建场景和相机
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);

// 创建平面几何体
var geometry = new THREE.PlaneGeometry(5, 5);

// 创建材质
var material = new THREE.MeshBasicMaterial({ color: 0xffffff });

// 创建网格对象
var plane = new THREE.Mesh(geometry, material);

// 将网格对象添加到场景中
scene.add(plane);

// 获取要加载的数据的div元素
var divElement = document.getElementById('data');

// 将div内容转换为纹理
var texture = new THREE.TextureLoader().load('data:image/svg+xml,' + encodeURIComponent(divElement.innerHTML));

// 将纹理应用到材质上
material.map = texture;

// 渲染循环
function animate() {
    requestAnimationFrame(animate);

    // 更新场景和相机
    // ...

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

animate();