javascript - html javascript代码未正确加载

function drawimage()
{
var f=document.getElementById("myCanvas");
    var cxt1=f.getContext("2d");
    var img1=new Image();
    img1.src="image.jpg";
    cxt1.drawImage(img1,0,0,750,400);
}

<canvas id="myCanvas" width="1125" height="600" style="border:1px solid #c3c3c3;">
</canvas>
<script type="text/javascript">

drawimage().

这是我的JavaScript，但是当我在浏览器上运行该脚本时，第一次只有边框出现，并且仅在刷新页面后才显示图像。代码有什么问题？

最佳答案

尝试在“加载”处理程序中绘制图像：

var img1=new Image();
img1.src="image.jpg";
img1.onload = function() {
  cxt1.drawImage(img1,0,0,750,400);
};

关于javascript - html javascript代码未正确加载，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/4288677/