本文目录一览：
- 1、微信小程序ThreeJs加载3D模型
- 2、three.js材质刷新时内存会暴涨的问题
- 3、threejs中绘制文字
- 4、JS之使用Canvas绘图
- 5、关于使用three.js将3D模型转换成图片方法
微信小程序ThreeJs加载3D模型
1、导入threejs，并创建threejs变量传入模型中，方便使用该变量。
2、项目新需求，要在页面中显示已做好的3D模型，做过技术调研后选择了Threejs三维引擎。demo基本都是独立页面的，自己搞了一下，在vue项目中完美运行了。
3、检查npm -v版本和使用对应的vite安装vue3项目 需要安装依赖：npm install 运行：npm run dev 目录结构：threejs官网：安装threejs 准备3D模型素材(我这里使用glb格式)和HDR图片，素材网上可以找有免费的。-three.jscanvas贴图
4、当然可以，现在微信小程序不仅可以展示动态3D模型，还可以全景展示景点、展厅等。
5、微信公众搜索3d推荐的步骤为：注册登录51建模网，并上传模型。打开微信公众号图文编辑页面，插入小程序，搜索绑定51建模网小程序。插入小程序卡片，获取要插入3D模型的小程序路径。
three.js材质刷新时内存会暴涨的问题
1、降低渲染精度和质量：通过在Three.js项目中降低渲染精度和质量，可以实现性能的提升。 减少Mesh的数量：可以通过减少Mesh的数量来减少内存使用量，从而提高性能。 使用索引缓冲：索引缓冲可以减少渲染次数，提升渲染性能。-three.jscanvas贴图
2、您好，如果在IE浏览器中刷新页面后，发现JS内存没有被释放，可能是因为以下几个原因： 循环引用：如果JS中存在循环引用，即对象A引用了对象B，而对象B又引用了对象A，这种情况下，即使页面刷新了，JS内存也不会被释放。-three.jscanvas贴图
3、本身配置 服务器对非专业人员一直是难以理解的机器，但如果将其转化为我们熟知的东西就很好理解了。我们可以将服务器看做一台普通计算机，计算机中的处理器、内存和宽带都直接影响了其运行速度。
4、CocosCreator是一种流行的游戏引擎，支持使用Three.js作为材质渲染器。使用Three.js材质可以实现高质量的渲染效果，包括高清晰度的纹理和灯光效果。
5、对于透明贴图本身，需要将其加载为一个带有alpha通道的纹理贴图，并将material.opacity属性设置为小于1的数值，以表明材质是半透明的。
threejs中绘制文字
最后需要说明一下这个实现方法算是另辟蹊径吧，因为threejs本身是靠WEBGL作为渲染器的，而我使用的是CSS3DRenderer渲染器，正如官网所说： CSS3DRenderer用于通过CSS3的transform属性， 将层级的3D变换应用到DOM元素上。-three.jscanvas贴图
在本地电脑找个小点的中文字体文件（C：\Windows\Fonts），我用的是华文行楷 然后用字体提取工具提取出要显示的文字。
而 Three.js 是通过对 WebGL 接口的封装与简化而形成的一个易用的图形库。 简单点的说法 threejs=three + js，three表示3D的意思，js表示javascript的意思。那么合起来，three.js就是使用javascript 来写3D程序的意思。-three.jscanvas贴图
在HTML的标签中加入代码 注意一下，只有当你要导入的html文件和three.js文件在一个目录下的时候才这样写。，不然要根据实际情况写。如果是用Dreamweaver软件编写时可以直接浏览目录的。-three.jscanvas贴图
webgl、three.js、Djs这三者的关系是：Djs是一个数据可视化的库，看看他们的DEMO就可以知道，技术基础是SVG。兼容性是IE9+。
JS之使用Canvas绘图
1、canvas 元素负责在页面中设定一个区域，然后就可以通过 JavaScript 动态地在这个区域中绘制图形。 要使用 canvas 元素，必须先设置其 width 和 height 属性，指定可以绘图的区域大小。-three.jscanvas贴图
2、发生位移后，相当于把画布的0，0坐标 更换到新的x，y的位置，所有绘制的新元素都被影响。位移画布一般配合缩放和旋转等。
3、canvas，是一个H5的新标签，通过js来实现绘图的神奇功能。canvas 标签只是图形容器，您必须使用脚本来绘制图形。
4、熟悉html5的程序员们肯定都知道canvas元素，该元素是用来在页面中规定一块区域，然后由js在该区域内绘制图形。canvas支持2D绘图和名为WebGL的3D绘图。canvas元素需要通过width和height属性指定绘图区域大小。-three.jscanvas贴图
5、大多数 Canvas 绘图 API 都没有定义在 canvas 元素本身上，而是定义在通过画布的 getContext() 方法 获得的一个“绘图环境”对象上。在闭合路径后，还需要使用 fill() 或 stroke() 方法显示图形。-three.jscanvas贴图
6、canvas元素可以用来画2D图形，我们通过写js来完成任务。首先，我们在html文件中写入：然后在css中给canvas一个背景颜色：此时浏览器中是这样的：正如我们所看到的，canvas的默认值是宽300高150。-three.jscanvas贴图
关于使用three.js将3D模型转换成图片方法
可以通过使用three.js实现在网页上显示3D模型，具体操作方法如下：先用proe转成obj格式的文件，再用OBJLoader.js将其载入即可实现。试过转成vtk的格式，在Chrome可以显示，但在ie11没显示。-three.jscanvas贴图
检查npm -v版本和使用对应的vite安装vue3项目 需要安装依赖：npm install 运行：npm run dev 目录结构：threejs官网：安装threejs 准备3D模型素材(我这里使用glb格式)和HDR图片，素材网上可以找有免费的。-three.jscanvas贴图
如果3D模型是.3DS格式的文件，可以用菜单内的导入命令导入模型。
