0

私はhtml 5でキャンバスを学んでいて、キャンバスで画像を操作したいと思っています。ただし、最初のステップ自体で障害に直面しています。キャンバスに画像を表示できません。

私が作成したこのフィドルを見てください - http://jsfiddle.net/XsP76/

具体的には、これは私の JavaScript 関数です。

$( document ).ready( function() {
    var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");
    var img = document.getElementById("carice");
    ctx.drawImage(img, 10, 10);
});

画像はフィドル、Firefoxでは表示されますが、クロムでは表示されません。何がうまくいかないのか。助けてくれてありがとう！

4

1 に答える 1

0

ここでは Chrome / Canary で正常に動作します。

<body>フィドルにタグを挿入していることに気付きました。これにより、jsfiddle のように 2 つのボディ タグが作成されます。

そのフレームのソースに移動すると、次のように表示されます。

...
</head>
<body>
  <body>
....

この更新を試してください:
http://jsfiddle.net/AbdiasSoftware/XsP76/2/

于 2013-05-31T23:52:22.043 に答える