使用JavaScript在画布上绘制图像
[英]Draw image on canvas with javascript
问题描述
为什么画布上什么都没有显示？ 图片与代码位于同一文件夹中，我尝试直接复制一些代码，仅更改源代码，仍然无法使用。 那使我相信，这不是我实际绘制图片的方式的错误，而是我加载画布的方式的错误？ 我可以在画布上添加其他内容，而不能添加图片。
<!DOCTYPE html>
<head></head>
<body>
<script>
var canvas = document.createElement("canvas");
var ctx = canvas.getContext("2d");
canvas.height = 500;
canvas.width = 800;
document.body.appendChild(canvas);
var imag = new Image();
imag.onload = function() {
context.drawImage(imageObj, 0, 0);
};
imag.src = "underwater.png";
</script>
</body>
1 个解决方案
解决方案1
0 2014-08-14 12:22:08
您很可能是从某个地方复制了此代码，却忘记了更改图像对象名称
<!DOCTYPE html>
<head></head>
<body>
<script>
var canvas = document.createElement("canvas");
var ctx = canvas.getContext("2d");
canvas.height = 500;
canvas.width = 800;
document.body.appendChild(canvas);
var imag = new Image();
imag.onload = function() {
context.drawImage(imag, 0, 0);
};
imag.src = "underwater.png";
</script>
</body>
在画布上用cors =“ anonimous”绘制（重新加载）图像（javascript）
[英]draw(reload) image with cors = “anonimous” on canvas (javascript)
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.