Javascript 无法获取要显示的画布图像_Javascript_Html5 Canvas

Javascript 无法获取要显示的画布图像

javascript html5-canvas

Javascript 无法获取要显示的画布图像,javascript,html5-canvas,Javascript,Html5 Canvas,我需要帮助。无法在dreamweaver中显示图像。我也尝试过在我的电脑上显示一个图像，但仍然没有显示。HTML和JS的新手 }) } 您可能缺少一些HTML或JavaScript核心片段，然后将所有内容放在一起以下是对我有用的整个HTML文件代码： <html> <head> <style type="text/css"> canvas { border: 1px solid black;

我需要帮助。无法在dreamweaver中显示图像。我也尝试过在我的电脑上显示一个图像，但仍然没有显示。HTML和JS的新手

})

}

您可能缺少一些HTML或JavaScript核心片段，然后将所有内容放在一起

以下是对我有用的整个HTML文件代码：

<html>
<head>
    <style type="text/css"> 
        canvas {
            border: 1px solid black;
        } 
    </style>
</head> 
<body>
    <canvas id="test" width="650" height="600"></canvas>
    <script>
        window.onload = function () {
        var context1 = document.getElementById("test").getContext("2d");

        var imageObj = new Image();
        imageObj.onload = function () {
            context1.drawImage(imageObj, 50, 25);
        };
        imageObj.src = "http://placekitten.com/g/600/650/";

    };
    </script>
</body>
</html>

另外，代码中imageObj.src的链接错误-它没有显示任何图片

您的小提琴设置不正确。

 <style type="text/css"> canvas {
 border: 1px solid black;

<html>
<head>
    <style type="text/css"> 
        canvas {
            border: 1px solid black;
        } 
    </style>
</head> 
<body>
    <canvas id="test" width="650" height="600"></canvas>
    <script>
        window.onload = function () {
        var context1 = document.getElementById("test").getContext("2d");

        var imageObj = new Image();
        imageObj.onload = function () {
            context1.drawImage(imageObj, 50, 25);
        };
        imageObj.src = "http://placekitten.com/g/600/650/";

    };
    </script>
</body>
</html>