javascript - 在加载@font-face-font 之前如何等待第一次 Canvas 重绘？

Question

我有一个 HTML5-canvas 并使用 context.fillText(...); 使用 @font-face-font 编写文本。
使用 Firefox (3.6) 显示页面 我遇到了问题，在第一次绘制 Canvas 时，字体尚未下载，因此文本将以标准字体显示。
我找到了一个“解决方案”here但它不起作用，因为字体仅在 Canvas 中使用，并且 Canvas 是使用 jQuery 通过 ajax 加载和显示的。
有没有比尝试使用超时更好的解决方案 setTimeout(repaintCanvas, 500);？

Answer 1

好吧，你可以试试这个，

$.get('font/url.ttf',function(){
   // do canvas codes.... cause font is loaded...
});