Javascript Threejs渲染结果看起来很糟糕

我已经创建了一个画布：

<canvas ref="canvas" width="512" height="512"></canvas>

此渲染器渲染具有大小为512 X 512的

纹理的对象

问题是渲染结果上的纹理看起来不好。
然后我将画布大小增加两倍，假设我使其达到1024 x 1024，渲染结果看起来很好。

我认为增加画布大小是获得更好渲染结果的错误方法，必须存在其他方法才能获得更好的渲染质量。

有谁能告诉我这种行为的原因，并告诉我正确的处理方法吗？

以下是示例：
是否设置渲染器的大小？@eviloprofesseur是。我更改画布大小并设置渲染器的大小+我通过css将初始大小设置为画布。所以画布看起来一样，但不模糊。你能提供一个提琴吗？@eviloprofesseur，请参见左侧画布上的图像质量比右侧画布好得多。你的提琴使用的是
CanvasRenderer
，而不是
WebGLRenderer
。你用哪一种？另外，请在你的帖子中包括小提琴的代码。当（不是如果）小提琴消失时，你问题的上下文也会消失。你是否设置了渲染器的大小？@eviloprofesseur是的。我更改画布大小并设置渲染器的大小+我通过css将初始大小设置为画布。所以画布看起来一样，但不模糊。你能提供一个提琴吗？@eviloprofesseur，请参见左侧画布上的图像质量比右侧画布好得多。你的提琴使用的是
CanvasRenderer
，而不是
WebGLRenderer
。你用哪一种？另外，请在你的帖子中包括小提琴的代码。当（不是如果）小提琴消失时，你问题的背景也会消失。
 new THREE.WebGLRenderer({
      canvas: this.refs.canvas,
      antialias: true,
      alpha: true
 });