关于图像显示的问题

来源:2-1 Canvas基础 使用drawImage绘制图像

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>

因为我是建的一个项目,把图片放在的是http://img2.mukewang.com/5a60061c000147b602430328.jpgimg这个文件夹里面,所以src是img/img.jpg,但是结果报错404,想请问一下大家是怎么回事?谢谢大家!

写回答 关注

1回答

  • Serena_Cecilia
    2018-01-18 10:37:06

    自己回答一下,果然是因为图片引用上出问题了,如果放img文件夹中,引用应该写为“../img/img.jpg”

Canvas玩转图像处理

canvas系列第三课,学会编写图像算法,一起玩转图像处理吧

60328 学习 · 124 问题

查看课程

相似问题