1

我正在构建在 HTML 主体之上使用画布表面的 Web 应用程序。我使用画布在 SPAN 周围绘制边框。它工作得几乎完美,但我仍然在页面加载时遇到问题。

我使用了 chrome 调试器并注意到 css 文件中的字体样式是在脚本执行后应用的,这会混淆 DOM getElementRects 方法并导致在页面完全呈现后跨度边框位置错误。下面我附上截图。

在此处输入图像描述 在此处输入图像描述

你知道如何解决这个问题吗?我可以等到完全应用 css 样式吗?

4

2 回答 2

1

$(document).ready() 也准备好 CSS 了吗?

ready() 方法不再尝试对等待加载所有样式表做出任何保证。相反,所有 CSS 文件都应包含在页面上的脚本之前。更多信息

确保您的脚本位于 html 页面的底部。

于 2016-11-28T13:07:44.223 回答
1

字体加载比 css 加载需要更多时间,需要以下帮助 ->一旦加载了 Web 字体,如何得到通知

于 2016-11-28T13:11:43.353 回答