Why text seems blurry in the process of scale transform?

128 views
Skip to first unread message

潘陈峰

unread,
Mar 5, 2022, 2:21:41 PM3/5/22
to Chromium-discuss
I recently find that when I trigger a scale transform for text (just scale up), the text is blurry. After transform, the text becomes crisp again. I also find Safari behaves the same.
So I want to ask 
1) which step in text rendering causing blurry? 
2) if I want to avoid blurry, will it cause serious lagging?
Thanks in advance, I'm new to text rendering.

Stephen Chenney

unread,
Mar 7, 2022, 2:20:26 PM3/7/22
to pancfm...@gmail.com, Chromium-discuss
When animating a transform, we most often take the initial scale and draw it into a texture on the GPU. We then scale the texture as if it were an image, without re-drawing the contents. Then when the animation finishes we re-draw.

I'm not sure that there is a way to prevent this behavior. But the system is designed this way to make animations smooth. Re-drawing on every frame would be much slower in general.

Stephen.

--
--
Chromium Discussion mailing list: chromium...@chromium.org
View archives, change email options, or unsubscribe:
http://groups.google.com/a/chromium.org/group/chromium-discuss

focus

unread,
Mar 8, 2022, 9:41:00 PM3/8/22
to Chromium-discuss, Stephen Chenney, Chromium-discuss, focus
If we just scale the initial texture, why not apply the bigger scale factor to texture initially? I think it will make text seem crisp during the transform animation(Chrome V98.0.4758.109 seems to behaves in this way, but I'm not so sure)
Reply all
Reply to author
Forward
0 new messages