Home/ Questions/Q 8502031
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T01:22:27+00:00

Why is this little script not working? <!DOCTYPE html> <html> <head> <meta charset=UTF-8> <title>Insert

  • 0

Why is this little script not working?

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

<canvas id="can" height="500" width="500"></canvas>

<script type="text/javascript">

    var image = new Image().src="1.jpg";

    context = document.getElementById("can").getContext("2d");

    context.drawImage(image,10,10,480,480);

</script>

</body>
</html>

Firebug in Firefox (latest Version) shows:

NS_ERROR_XPC_BAD_CONVERT_JS: Could not convert JavaScript argument arg 0 [nsIDOMCanvasRenderingContext2D.drawImage]
[Bei diesem Fehler anhalten]    

context.drawImage(image,10,10,480,480);

Chrome can’t show the image either, they just say ERROR.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    image.src is async, you need to draw it with a callback. 

    var image = new Image;
image.onload = function() { context.drawImage(image, 10, 10, 400, 400); }
image.src = .....
    • 0