Question

我正在使用包含＆＃34;可擦除＆＃34;的画布和javascript创建启动页面。 HTML上的图层。可擦除的画布层完全覆盖背景中的html内容，并且在用户开始擦除之前不会显示。

然而，在加载时，html内容首先显示，然后出现可擦除层。有没有办法让可擦除的画布层首先显示，而不会让用户在删除之前看到html内容？

我尝试将可擦除的画布及其使用的脚本放在HTML内容之前，但它仍然不起作用。

有关如何解决此问题的任何建议？

谢谢！

Answer 1

您可以尝试隐藏所有HTML内容，然后使用JavaScript代码在需要时将其显示。

Answer 2

您的问题看起来是在解析HTML之前加载脚本。你可以有几个选项，如：

1）让您的JavaScript创建HTML内容，同时确保它首先创建可擦除的画布。您可以通过多种方式执行此操作，甚至可以使用XMLHttpRequest（）来获取HTML内容。

2）正如@Beans所提到的，你可以这样：

<script>
document.body.addEventListener('load', function () {
    // your canvas code here (make sure it get displayed on top of body)
    document.body.style.display = null;
});
</script>
<body style="display: none">
Some stuff here
</body>

使脚本加载比html内容更快

2 个答案: