关于图像显示的问题
Serena_Cecilia
2018-01-18 10:29
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>drawImg_1</title>
</head>
<body>
<canvas id="canvas" style="border:1px solid #aaa;display:block;margin:0 auto"></canvas>
</body>
<script>
var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
var image = new Image();
window.onload = function () {
canvas.width = 1152;
canvas.height = 768;
image.src = "img/img.jpg";
image.onload = function () {
context.drawImage(image, 0, 0);
}
}
</script>
</html>
因为我是建的一个项目，把图片放在的是
img这个文件夹里面，所以src是img/img.jpg，但是结果报错404，想请问一下大家是怎么回事？谢谢大家！
1回答
-
- Serena_Cecilia
- 2018-01-18 10:37:06
自己回答一下，果然是因为图片引用上出问题了，如果放img文件夹中，引用应该写为“../img/img.jpg”
Canvas玩转图像处理
60311 学习 · 124 问题
相似问题