【问题标题】:html canvas font scaling problem , text is flickering without reasonhtml canvas字体缩放问题,文字无故闪烁
【发布时间】:2010-10-31 17:03:22
【问题描述】:

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

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

  1. 画布的比例不是整数(例如 setScale(0.1,0.3))
  2. setTransform(1,0,0,1,0,0);和 setScale 被广泛用于在每次绘制新对象时恢复设置。
  3. 窗口。在 linux 中,这种效果几乎不可见(仅在文本的某些单个字符中!?)。

如果比例太小(0.5或更小),则看不到效果。

使用 save() 和 restore() 似乎有不同于 setTransform(1,0,0,1,0,0); 的效果。 ans setScale(sx,sy);所以我从不使用它们。

【问题讨论】:

  • 你应该发布一些代码。没有人可以根据猜测提供帮助。

标签: javascript fonts canvas scaling transformation


【解决方案1】:

我解决了选择仅使用保存和恢复的问题:不再闪烁。这似乎避免了直接使用 setTransoform,并且由于某种原因应该没有区别。

抱歉缺少代码,这是从我的编码游戏中提取的一组非常复杂的指令。

我希望这是解决闪烁问题的最终解决方案。谢谢。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-08-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-02-08
    • 1970-01-01
    • 2020-11-10
    • 2012-09-26
    相关资源
    最近更新 更多