我想在JavaScript中添加圖像

-3

我想用JavaScript來添加圖像，但它不工作我想在JavaScript中添加圖像

的html代碼：

<body onload="init()"> 
    <canvas id="canvas" width="640" height="480"> 
     <p>your browser doesnot support html5 canvas.</p> 
    </canvas> 
    <script src="script.js"> 
    </script> 
</body>

這是JavaScript的：

var canvas; 
var context; 

function init() { 
    canvas = document.getElementById("canvas") 
    context = canvas.getContext("2d"); 
    console.log("loading comepletd"); 
    var image = new Image(); 
    image.src = "ball.png"; 
}

來源

2016-08-29 suzan

你到底是什麼期待發生？你正在創建一個圖像的實例，但你沒有做任何事情。 –

你忘了分號的getElementById（）後，你可以將你的JS控制檯調試代碼;）（F12） – Pierre

我想在我的瀏覽器中顯示此圖像。這就是我想要做的！ – suzan

Tr Y本

var canvas; 
var context; 

function init() { 
    canvas = document.getElementById("canvas"); 
    context = canvas.getContext("2d"); 
    console.log("loading comepletd"); 
    var image = new Image(); 
    image.src = "ball.png"; 
    image.onload = function(){ 
     context.drawImage(image, 100, 100); 
    } 
}

來源

2016-08-29 14:47:38

http://stackoverflow.com/questions/6011378/how-to-add-image-to-canvas – mplungjan

請刪除您的答案，而不是從我張貼 – mplungjan

鏈接@kanayo奧斯汀凱恩這個工作對我複製的代碼！ – suzan

我想在JavaScript中添加圖像

回答

相關問題