渲染清晰的文本作为three.js纹理

Question

我有一个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中呈现时确实很模糊：

如何使它尽可能清晰？

作为参考，以下是SVG呈现为512x512 png的内容：

Answer 1

…就像我决定在这里发布一样，我的问题已经解决，方法是添加 material.map.minFilter = THREE.LinearFilter;