我读了很多论坛,但从未找到类似的案例。
Javascript Canvas 字体以闪烁的方式显示。条件似乎是:
- Canvas 的比例不是整数(例如 setScale(0.1,0.3))
- setTransform(1,0,0,1,0,0);和 setScale 被广泛用于在每次绘制新对象时恢复设置。
- Windows。在 Linux 中,这种效果几乎不可见(仅在文本的某些单个字符中!?)。
如果比例太小(0.5 或更小),则看不到效果。
使用save()和restore()似乎与setTransform(1,0,0,1,0,0)有不同的效果; ans setScale(sx,sy);所以我从不使用它们。
最佳答案
我解决了选择仅使用保存和恢复的问题:不再闪烁。这似乎避免了直接使用 setTransoform,并且由于某种原因,它应该没有区别。
抱歉缺少代码,这是从我的编码游戏中提取的一组非常复杂的指令。
我希望这是解决闪烁问题的最终解决方案。谢谢。
关于javascript - html canvas字体缩放问题,文字无故闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4064084/