为了账号安全,请及时绑定邮箱和手机立即绑定

关于图像显示的问题

<!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://img1.sycdn.imooc.com//5a60061c000147b602430328.jpgimg这个文件夹里面,所以src是img/img.jpg,但是结果报错404,想请问一下大家是怎么回事?谢谢大家!

正在回答

1 回答

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

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

关于图像显示的问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信