将高分辨率图像绘制到画布会延迟显示所有元素 - 如何修复此问题?

时间:2013-10-02 23:02:24

标签: html5 google-chrome canvas html5-canvas

当显示包含DIV时,我将绘制6张分辨率为300dpi到6幅不同画布的图像。发生这种情况时,它会导致父项中的所有其他DIV在绘图完成之前不显示。

即使我使用setTimeout( draw(), 200 )延迟绘图,问题仍然存在。如果我将绘图延迟很长时间(例如1000ms),它只会修复它。但这太长时间了。

此问题似乎只出现在Google Chrome上。

如何在绘制画布时显示所有DIV

编辑:我意识到这是自定义字体,它们不会显示并停止加载,直到图像加载并画出画布。使用内置字体会导致这些元素立即显示

0 个答案:

没有答案