Question

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

Answer 1

试试这个

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);
    }
}

我想在javascript中添加图片

1 个答案: