使用TextureLoader为three.js画布加载SVG的结果质量低于通过html加载的质量

Question

使用以下代码加载SVG会导致输出质量低于仅通过html加载SVG。将资源作为PNG加载时，我得到相同的结果。我在这里缺少设置或其他任何设置吗？

POST _reindex
{
  "source": {
    "index": "oldindex"
  },
  "dest": {
    "index": "newindex"
  },
  "script": {
    "inline": "ctx._source.field2 = ctx._source.field2.toDouble()"
  }
}

Answer 1

您正在将矢量图像（SVG）加载为栅格纹理。在将矢量图像添加到ThreeJS场景之前，它将转换为光栅图像。我认为你最好将纹理作为光栅图像（PNG）提供，这样你就可以更好地控制分辨率。