Texture become low res in old webkit environment

Sergey_Tormozit · November 27, 2022, 8:08pm

I print text on box faces using 2d canvas 200x200 and “30px Arial font”. It looks OK in modern browsers. But in old webkit envirement WebGL 1.0 (in buiseness platfrom) it looks low res on same workstations. Code and screenshots attached.

Why it is happening? Is there way to make it look hi res?

Clip_388366.html (17.0 KB)

Lawrence3DPK · November 27, 2022, 8:52pm

It seems as though the image is being resized to the closest lower power of 2 maybe (128x128) try making the canvas 256x256

Sergey_Tormozit · November 27, 2022, 9:44pm

That works. Thx.

Topic		Replies	Views
How to scale down a rendered texture image Questions textures , webgl-renderer	1	1580	December 30, 2021
Drawing texture on canvas will cause the Sawtooth by WebGL Questions textures	5	889	February 1, 2019
Low image quality Questions textures , render-quality , text , canvas-texture , canvas-texture-dynamic	9	322	February 11, 2024
Three.js texture resolution messed up if loaded on small window Questions textures , mipmaps	15	5577	June 6, 2019
Safari performance loss when rendering a 2D texture generated by PixiJS Questions textures	4	914	April 27, 2023

Texture become low res in old webkit environment

Related topics