我想在javascript中添加图像

I want to add image in javascript

本文关键字：添加 图像 javascript      更新时间：2023-09-26

我想使用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";
}

试试这个

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);
    }
}
相关文章：