Monkey_shuo 2017-03-10 09:49 采纳率: 0%
浏览 2699
已结题

canvas的drawImage出现的问题

如下是我的全部代码,在谷歌浏览器中运行,但是canvas就是画不出图片。求大神指点,哪里写的有问题?

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
    <div id="root">

    </div>
    <img id="preview" src="http://img02.tooopen.com/images/20140504/sy_60294738471.jpg" />
    <script>
        var img = document.getElementById('preview');

        document.getElementById('root').appendChild(convertImageToCanvas(img));
        function convertImageToCanvas(image) {
            var canvas = document.createElement("canvas");
            canvas.setAttribute('style','border:1px solid #000');
            canvas.getContext("2d").drawImage(image, 0, 0);
            canvas.width = image.width;
            canvas.height = image.height;

            return canvas;
        }
    </script>
</body>

</html>
  • 写回答

2条回答

  • Monkey_shuo 2017-03-10 09:52
    关注

    图片说明
    运行的结果是这样的。

    评论

报告相同问题?

悬赏问题

  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥20 Python安装cvxpy库出问题
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥15 python天天向上类似问题,但没有清零
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 C#调用python代码(python带有库)
  • ¥15 活动选择题。最多可以参加几个项目?
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题