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 中但不在 chrome 中。出了什么问题。谢谢您的帮助！

4

1 回答 1

0

在 Chrome / Canary 中工作正常。

我注意到您在小提琴中插入<body>了标签；这使得双体标签作为 jsfiddle 为您执行此操作。

如果您转到该框架的源代码，您将看到：

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

试试这个更新：http:
//jsfiddle.net/AbdiasSoftware/XsP76/2/

于 2013-05-31T23:52:22.043 回答