为什么我必须使用 window.onload 将图像绘制到画布上

斯帕布萨

我正在尝试将图像绘制到画布上,但代码:

ctx.drawImage(ground, 0, 0);

本身不起作用。有人向我指出,这是因为在执行该行时未加载 html。有人建议我使用此代码,该代码有效:

window.onload = function(){
    ctx.drawImage(ground, 0, 0);
}

我不明白为什么这会起作用,因为我认为类似的解决方案是将脚本标记放在我所做的主体下方,但这不起作用。有人可以用幼儿可以理解的方式向我解释这一点。

省略

首先,在网页中首先执行 JavaScript,然后加载正文中的文本。因此,<script>在语法上将标签放置在任何地方都无关紧要,因为它会首先加载。ctx.drawImage(ground, 0, 0);页面之前运行甚至渲染,所以你不能看到输出。

Window.onload是一种在整个文档呈现后运行其中的函数的方法。渲染完成并运行您的函数后,您将看到所需的输出。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

为什么要使用window.onload

来自分类Dev

JavaScript window.onload有什么意义?

来自分类Dev

在Firefox 30上的window.onload

来自分类Dev

在Window.onload窗体上未加载

来自分类Dev

window.onload 未在 iOS 上触发

来自分类Dev

在phantomjs中使用“ window.onload”

来自分类Dev

在window.onload中使用回调

来自分类Dev

为什么 window.onload 需要注册事件

来自分类Dev

为什么window.onload起作用而onload =“”不起作用

来自分类Dev

我应该使用window.onload事件吗

来自分类Dev

代码在使用window.onload而不是document.ready时有效吗?为什么?

来自分类Dev

JavaScript window.onload

来自分类Dev

JavaScript window.onload

来自分类Dev

使用回调将图像绘制到画布的Javascript

来自分类Dev

如果多个脚本设置window.onload会发生什么?

来自分类Dev

window.onload没有在页面刷新上运行

来自分类Dev

在window.onload事件上初始化角度

来自分类Dev

未在 window.onload 上加载 HTML 元素

来自分类Dev

在单独的文件中使用多个window.onload事件

来自分类Dev

如何启动window.onload的“ onload”?

来自分类Dev

为什么我的代码没有将所有内容绘制到画布上?

来自分类Dev

我想在Jquery中的图像上使用onload函数

来自分类Dev

为什么DOM ready事件总是在带有requirejs的window.onload事件之后运行?

来自分类Dev

为什么单击按钮后“window.onload”不起作用?

来自分类Dev

window.onload = someFunctionName与window.onload = someFunctionName()

来自分类Dev

window.onload = function(){..} / window.onload = function(){..}();之间的区别

来自分类Dev

Javascript:即使我使用window.onload,我也会收到错误“未定义var”

来自分类Dev

jQuery .ready()与window.onload

来自分类Dev

Window.onload与脚本延迟

Related 相关文章

  1. 1

    为什么要使用window.onload

  2. 2

    JavaScript window.onload有什么意义?

  3. 3

    在Firefox 30上的window.onload

  4. 4

    在Window.onload窗体上未加载

  5. 5

    window.onload 未在 iOS 上触发

  6. 6

    在phantomjs中使用“ window.onload”

  7. 7

    在window.onload中使用回调

  8. 8

    为什么 window.onload 需要注册事件

  9. 9

    为什么window.onload起作用而onload =“”不起作用

  10. 10

    我应该使用window.onload事件吗

  11. 11

    代码在使用window.onload而不是document.ready时有效吗?为什么?

  12. 12

    JavaScript window.onload

  13. 13

    JavaScript window.onload

  14. 14

    使用回调将图像绘制到画布的Javascript

  15. 15

    如果多个脚本设置window.onload会发生什么?

  16. 16

    window.onload没有在页面刷新上运行

  17. 17

    在window.onload事件上初始化角度

  18. 18

    未在 window.onload 上加载 HTML 元素

  19. 19

    在单独的文件中使用多个window.onload事件

  20. 20

    如何启动window.onload的“ onload”?

  21. 21

    为什么我的代码没有将所有内容绘制到画布上?

  22. 22

    我想在Jquery中的图像上使用onload函数

  23. 23

    为什么DOM ready事件总是在带有requirejs的window.onload事件之后运行?

  24. 24

    为什么单击按钮后“window.onload”不起作用?

  25. 25

    window.onload = someFunctionName与window.onload = someFunctionName()

  26. 26

    window.onload = function(){..} / window.onload = function(){..}();之间的区别

  27. 27

    Javascript:即使我使用window.onload,我也会收到错误“未定义var”

  28. 28

    jQuery .ready()与window.onload

  29. 29

    Window.onload与脚本延迟

热门标签

归档