HarmonyOS 鸿蒙Next api9DevEco3.1用webview加载threejs的vue项目3D模型不显示

发布于 1周前 作者 vueper 来自 鸿蒙OS

HarmonyOS 鸿蒙Next api9DevEco3.1用webview加载threejs的vue项目3D模型不显示

因各种原因，我只能使用api9DevEco3.1版本，无法安装使用axios之外的第三方包，我们的代码在高版本环境可以显示3D

用的vue2,cli打包，模型是glb的，通过axios从网络获取，模型文件正常获取到了，但模型加载不出来，只有定位用的坐标轴显示了，我试了一下，最简单的长方体都显示不出来，而且相机无法变换位置，确切来说是html页面根本无法交互


更多关于HarmonyOS 鸿蒙Next api9DevEco3.1用webview加载threejs的vue项目3D模型不显示的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

Harmonyos Next教程
1 回复

更多关于HarmonyOS 鸿蒙Next api9DevEco3.1用webview加载threejs的vue项目3D模型不显示的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next API 9和DevEco 3.1环境中，使用webview加载包含three.js的Vue项目时，若遇到3D模型不显示的问题，可能的原因及解决方法如下：

  1. WebGL支持：确认webview组件已正确启用并支持WebGL。在鸿蒙的webview配置中，确保相关权限和设置已打开，以支持WebGL渲染。

  2. 跨域问题：检查three.js加载模型资源的URL是否存在跨域问题。鸿蒙的webview可能有特定的跨域策略，需确保资源URL符合策略要求。

  3. 资源路径：确认three.js加载的3D模型资源路径是否正确。在鸿蒙设备上，路径解析可能与在浏览器中有差异，需特别注意路径的正确性。

  4. 内存与性能：three.js渲染3D模型对内存和性能有一定要求。检查鸿蒙设备是否满足运行three.js项目的最低配置，确保设备有足够的资源来渲染3D模型。

  5. 版本兼容性：确认three.js的版本与鸿蒙系统的兼容性。某些three.js的功能可能在新版本的鸿蒙系统中未得到完全支持。

如果问题依旧没法解决请联系官网客服,官网地址是：https://www.itying.com/category-93-b0.html

回到顶部