问答详情
源自：2-1 Canvas基础 使用drawImage绘制图像

关于图像显示的问题

<!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，想请问一下大家是怎么回事？谢谢大家！

提问者：Serena_Cecilia 2018-01-18 10:29

个回答

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

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

    1