好的。所以基本上我有一个 div,我想用一个有一些 html5 画布的文件加载它。当我在其自身上加载文件时,它可以工作。问题是当我正常加载我的网站并按下链接以在我希望它不绘制的 div 中加载相同的文件时。
我使用 $('#container').load('mycanvas.html'); 使用 .click 事件加载文件
下面的代码是 mycanvas.html 文件中的内容。
<style>
body {
margin: 0px;
padding: 0px;
}
#myCanvas {
border: 1px solid #9C9898;
}
</style>
<script>
window.onload = function() {
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
context.beginPath();
context.moveTo(100, 150);
context.lineTo(450, 50);
context.stroke();
};
</script>
<canvas id="myCanvas" width="500" height="200"></canvas>
我究竟做错了什么 ?