如何在加载@font-face-font之前等待第一个canvas-repaint？

Question

我有一个HTML5-canvas，用@ context.fillText(...); -face-font写文本。

使用Firefox (3.6)显示页面时，我遇到了一个问题，在画布的第一次绘制时，字体尚未下载，因此文本将以标准字体显示。

我找到了一个“解决方案”here，但它不起作用，因为该字体只在画布中使用，画布是使用jQuery通过ajax加载和显示的。

还有比尝试使用超时setTimeout(repaintCanvas, 500);更好的解决方案吗

Answer 1

我想我在Reigel的回答的帮助下找到了一个解决方案：

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

另外，通过font-family: 'fontfacename';为画布的父元素使用字体。

可能是字体加载了两次，不知道。但是如果没有第二次加载，它将不会正确显示。

Answer 2

嗯，你可以试试这个，

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