我想在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中添加图像

回答

相关问题