canvasTexture is blurry meanwhile the origin canvas is not

[L_T]

i’m using canvas as texutre to render a plane, but canvasTexutre on plane is a little blurry.

how to fix blurry part?

here is the code:

• html:
  

  

• js:
  

  

• here is code file:
  threejs-test.zip (9.7 KB)

[mjurczyk]

Try setting your renderer.setPixelRatio to something higher than 1.0 (or just set it to window.devicePixelRatio.)

[L_T]

tried that, but not work

[manthrax]

add antialias:true to renderer constructor?

[L_T]

tried, also not work

[Lawrence3DPK]

Try

material.map.minFilter = material.map.magFilter = THREE.LinearFilter`

What is the original image size that determines the canvas width and height, it may be getting downscaled if it’s size is not a “power of 2” (eg… 256, 512)

[kpachinger]

Have you tried disable image smoothing on canvas?

[L_T]

it get little better after minFilter using THREE.LinearFilter ，but the result is also litte blurry

[L_T]

ei, not work either…