Three.js 将纹理设置为内联 svg

标签 three.js textures

我不认为这是可能的,而是将纹理设置为像 THREE.TextureLoader().load('./texture1.jpg') 这样的 jpg

我想将纹理设置为内联 SVG(我想使用 javascript GSAP 制作动画)。

这可能吗?可能不是:(

最佳答案

抱歉,事实并非如此。您不能使用 SVG 文件作为纹理。但是,您可以通过 THREE.SVGLoaderthird.js 中加载 SVG 文件。然后根据生成的路径数据创建形状网格。

但请记住,这是一次性操作。如果您对 SVG 进行动画处理,则在加载过程后您将看不到任何效果。

关于Three.js 将纹理设置为内联 svg,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67700910/

相关文章:

javascript - Threejs 多重网格动画

javascript - 如何从 Three.js 中上传的 obj 文件中获取顶点

javascript - Three.js WebGL 从着色器绘制圆形自定义填充和边框颜色

javascript - Three.js 禁用深度测试

swift - SpriteKit。为什么 .StrokeTexture 不适用于 SKShapeNode?

javascript - Three.js 对象上的多种 Material 通过 OBJMTLLoader 加载

c++ - 我究竟应该在我的 OpenGL C++ 项目中的什么地方添加我的 BMP 文件?使用适用于 Mac 的 Xcode

c++ - 居民纹理?

arrays - 在 WebGL 的 GLSL 着色器中使用数组

three.js - 了解 Three.js 中物理正确的光照