恳请大家帮帮忙，关于用js控制3D旋转

JavaScript012

恳请大家帮帮忙，关于用js控制3D旋转,第1张

rotate的作用是平面旋转,是个css样式,比如顺时针旋转45度

.className{

    transform:rotate(45deg)

}

在使用three.js加载3D模型之后，项目中遇到一个问题：需要将3D模型旋转之后的位姿转换成图片并保存下来，尝试了两种方法：

问题：由于canvas中加载的是3D模型，导致转换出来的图片一片漆黑，方法失败

经过尝试之后，成功将模型转换成图片（base64编码图片）

方法如下：

转换之后，imgData为base64编码的图片，可以直接进行显示

// 如果为真，则允许用户旋转相机。如果为假，相机将锁定到当前标题。此标志仅适用于2D和3D。(可以理解为禁用鼠标左键旋转地球) scene.screenSpaceCameraController.enableRotate = false // 如果为真，允许用户放大和缩小。如果为假，相机将锁定到距离椭圆体的当前距离 scene.screenSpaceCameraController.enableZoom = false(可以理解为禁用鼠标右键缩放地球) // 如果为真，则允许用户倾斜相机。如果为假，相机将锁定到当前标题。这个标志只适用于3D和哥伦布视图。（可以理解为禁用鼠标中键拖动地球） scene.screenSpaceCameraController.enableTilt = false