Question

我在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中。出了什么问题。谢谢你的帮助！

Answer 1

在Chrome / Canary中可以正常使用。

我注意到你在小提琴中插入<body>标签;将双体标签作为jsfiddle为你做这件事。

如果您转到该框架的来源，您会看到：

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

尝试此更新：
http://jsfiddle.net/AbdiasSoftware/XsP76/2/

画布没有加载铬

1 个答案: