1

好的。所以基本上我有一个 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>

我究竟做错了什么 ?

4

2 回答 2

3

试试这个 mycanvas.html。

<style>
  body {
    margin: 0px;
    padding: 0px;
  }
  #myCanvas {
    border: 1px solid #9C9898;
  }
</style>

<canvas id="myCanvas" width="500" height="200"></canvas>

<script>
    var canvas = document.getElementById("myCanvas");
    var context = canvas.getContext("2d");

    context.beginPath();
    context.moveTo(100, 150);
    context.lineTo(450, 50);
    context.stroke();

</script>
于 2012-10-12T12:52:26.007 回答
0

<canvas id="myCanvas" width="500" height="200"></canvas>

在您的 javascript 代码之上。

于 2012-10-12T12:35:58.060 回答