Question

所以由于某种原因我的画布在通过onload调用时没有被应用，我尝试了其他事件并且它们有效，我已经尝试改变放置onload的位置（页脚，p和画布标签）但是没有工作，我测试脚本功能，将它放在功能正常工作的底部

我尝试了另一个网站，我做过的有onload和canvas'并且他们在查找可能的解决方案之后工作，我最终不得不在脚本区域添加windows.onload并修复它

我想知道的是为什么标签中的onload不起作用

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script>
function draw(){
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.arc(17,17,15,0,2*Math.PI);
ctx.closePath();
ctx.lineWidth = 2;
ctx.fillStyle = 'yellow';
ctx.fill();
ctx.stroke();
}
window.onload= draw;
</script>
</head>

<footer>
<p>
<canvas id="canvas" width="34" height="34" onload="draw()"></canvas>
</p>
</footer>
</html>

Answer 1

这是因为只有body元素和img元素才能触发onload()事件。

只需在canvas标记之后使用脚本标记内的函数名draw()，如<script> draw(); </script> ..

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

1 个答案: