Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

PIXIJS Text is pixelated on zoom #61

Open
technbuzz opened this issue Sep 8, 2020 · 2 comments
Open

PIXIJS Text is pixelated on zoom #61

technbuzz opened this issue Sep 8, 2020 · 2 comments

Comments

@technbuzz
Copy link

Describe the bug
With new PIXI rendering engine, Text is pixelated when zoomed in. I know that PIXI.js or WebGl converts text into bitmap for efficiency. Is there any solution for that? We are already using three.js, can we port a solution here?

To Reproduce
Steps to reproduce the behavior:

  1. Simply zoom in on 2d viewer

Expected behavior
On each zoom, we should get a crisp text just like a dom element.

Screenshots
pixelated-text

Additional Information
There is a similar problem with SVG images when we are in transform mode. Thankfully it can be solved with pixi-svg.

@mariann03
Copy link

Try this

const text = new Text(...)
text.resolution = 2

@technbuzz
Copy link
Author

That would work for one level zoom in, but when we I zoom the text is again pixelated.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants