为什么这个小脚本不起作用?
<!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>
Firefox(最新版本)中的 Firebug 显示:
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 也无法显示图像,他们只是说 ERROR
。
最佳答案
image.src 是异步的,需要回调绘制。
var image = new Image;
image.onload = function() { context.drawImage(image, 10, 10, 400, 400); }
image.src = .....
关于javascript - drawImage() 不工作 - Firebug 显示 : NS_ERROR_XPC_BAD_CONVERT_JS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12324134/