html javascript代码未正确加载 函数drawimage（） { var f=document.getElementById（“myCanvas”）； var cxt1=f.getContext（“2d”）； var img1=新图像（）； img1.src=“image.jpg”； cxt1.drawImage（img1,0,0750400）； } drawimage（）。

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

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

---

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

---

img1.src行必须在onload之后，因为如果浏览器速度足够快（+可能是缓存了映像或它的本地主机），映像将在img1.src设置之后加载。在这种情况下，不会调用onload

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

---

img1.src行必须在onload之后，因为如果浏览器速度足够快（+可能是缓存了映像或它的本地主机），映像将在img1.src设置之后加载。在这种情况下，不会调用onload

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

---

画线也有相同的代码吗。在我的页面上，有时会画线，有时会在刷新后画线。嗯。。。线？我不知道你的意思。当我试着画线的时候，有时它们被画出来了，而有些则没有。这听起来像是你应该作为一个不同的问题发布的东西。画线也有相同的代码吗。在我的页面上，有时会画线，有时会在刷新后画线。嗯。。。线？我不知道你的意思。当我试着画线的时候，有时它们被画出来了，而有些则没有。这听起来像是你应该作为一个不同的问题发布的东西。

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