我有一个 512x512 的 SVG,我正在像这样绘制到一个圆形平面上
const texture = new THREE.TextureLoader().load('img/plane.svg');
const material = new THREE.MeshBasicMaterial({
transparent: true,
map: texture,
side: THREE.DoubleSide
});
const geometry = new THREE.CircleGeometry(5, 64);
const plane = new THREE.Mesh(geometry, material);
plane.rotation.x = -1;
scene.add(plane);
它工作正常,但是这个 SVG 上有一些文本,它是 在 three.js 中呈现时非常模糊:
如何使它尽可能清晰?
作为引用,这里是呈现为 512x512 png 的 SVG:
最佳答案
... 就在我决定在这里发帖时,我通过添加 material.map.minFilter = THREE.LinearFilter;
关于javascript - 将清晰的文本渲染为 three.js 纹理,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51410357/