Não consigo obter imagens em tela em html5, o que fazer?

Question

May 29, 2013, 02:03 PM

Não consigo obter imagens em tela em html5, o que fazer?

Eu verifiquei este código das minhas w3schools onde ele está funcionando bem.

Mas quando eu executo este código no meu navegador, não está funcionando.

A imagem não é exibida na tela. Além disso, eu tentei o mesmo código no navegador w3schools em outro lugar, mas ainda não está funcionando nesse navegador também.

<!DOCTYPE html>
<html>
    <body>
        <p>Image to use:</p>
        <img id="scream" src="flower.jpg" alt="The Scream" width="220" height="277"><p>Canvas:</p>
        <canvas id="myCanvas" width="250" height="300" style="border:1px solid #d3d3d3;">

        <script>
            var c=document.getElementById("myCanvas");
            var ctx=c.getContext("2d");
            var img=document.getElementById("scream");
            ctx.drawImage(img,10,10);
        </script>
    </body>
</html>