javascript - html canvas字体缩放问题,文字无故闪烁

标签 javascript fonts canvas scaling transformation

我读了很多论坛,但从未找到类似的案例。

Javascript Canvas 字体以闪烁的方式显示。条件似乎是:

  1. Canvas 的比例不是整数(例如 setScale(0.1,0.3))
  2. setTransform(1,0,0,1,0,0);和 setScale 被广泛用于在每次绘制新对象时恢复设置。
  3. 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/

相关文章:

html - 设计 reddit 小部件的样式

html - IE9 以较细的字体显示某些部分

javascript - 使用Javascript文件(Google Analytics/Amazon Webstore)修改嵌入式Javascript

javascript - 错误 错误 : Uncaught (in promise): invalid link: SosPopPage

c# - ASP.NET MVC 5 Bootstrap Accordion 无法正常工作

canvas - 有人知道 HTML5 Canvas 中游戏的 "good"框架吗? (见要求)

javascript - 使用过滤器在 Canvas 中打印错误

javascript - 这段 SHA-256 Javascript 代码有什么问题?

css - Google 字体在 Firefox 中不起作用

javascript改变 Canvas 中球的速度