자바 스크립트 : 실행 한 후 나는이 간단한 HTML 코드를 작성

모든 이미지 ...자바 스크립트 : 실행 한 후 나는이 간단한 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>

표시되지 Canvas.drawImage, 어떤 이미지를 표시하지 않습니다!

출처

2013-10-29 Abdul Jabbar

나는 예는 이쪽을 봐 했다 (경로가 올바른지) : 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"; 

};

출처

2013-10-29 19:25:51 KoNaN

시도가 같은 짝이 – Delta

감사를 작동하는 이유에 대한 설명을 추가, 그냥 슬래시 문제가 있었다! 나는 작동하지 않는 '\'을 넣고 있었다. –

자바 스크립트 : 실행 한 후 나는이 간단한 HTML 코드를 작성

답변

관련 문제