JavaScript：Canvas.drawImage不显示任何图像

Question

I wrote this simple html code... 我写了这个简单的html代码...

<!DOCTYPE html>
<html>
<head>
    <title>Doc</title>
</head>
<body>
<canvas id = 'myCanvas' width = '800' height = '560'>Ah Snap!</canvas>
<script>
    var canvas = document.getElementById('myCanvas');
    var context = canvas.getContext('2d');

    var img = new Image();
    img.src = 'E:\HTMLPaint1\image123.jpg';

    img.onload = function() {
        context.drawImage(img, 278, 117, 200, 200);
    }

</script>
</body>
</html>

After running, it don't show any image!! 运行后，它不会显示任何图像！ (Path is correct) （路径正确）

Answer 1

I made an example look here: examples 我在这里举了一个例子：

window.onload = function(){

       var canvas = document.getElementById("myCanvas");
       var context = canvas.getContext("2d"); 
       var imageObj = new Image();

       imageObj.onload = function(){
                  var destX = canvas.width / 2 - this.width / 2;
                  var destY = canvas.height / 2 - this.height / 2;
                  context.drawImage(this, destX, destY); 
        };
     imageObj.src = "http://lh3.ggpht.com/YOsk5uW00GWrypKD_2PmGz1sGjsLZs4TMtUWUgX5RCTufXhO_HbpCjJz23K-m0KJX8QQv3ihghMhBFuB2I6nO6GXslhfR3GtTw2HQMYvYw";

};

JavaScript：Canvas.drawImage不显示任何图像

问题描述

1 个解决方案

解决方案1
0 已采纳 2013-10-29 19:25:51

JavaScript：Canvas.drawImage不显示任何图像

问题描述

1 个解决方案

解决方案1 0 已采纳 2013-10-29 19:25:51

解决方案1
0 已采纳 2013-10-29 19:25:51