1

Ok。だから基本的に私はいくつかのhtml5キャンバスを持っているファイルでそれをロードしたいdivを持っています。ファイルを自分でロードすると、機能します。問題は、サイトを通常どおりにロードし、リンクを押して、描画したくない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 に答える