Html 未在画布上渲染旋转图像

代码中包含的图像不会在画布上渲染。如果我使用任何其他风景图片，它的效果非常好。我做错了什么

var canvas=document.getElementById（“canvas”）；
var ctx=canvas.getContext（“2d”）；
var image=document.createElement（“img”）；
image.onload=函数（）{
canvas.width=image.width；
canvas.height=image.height；
ctx.drawImage（图像，0,0）；
}
image.src=”http://org.school66.group.us.west.2.s3.amazonaws.com/church.jpg"
//这张照片效果很好
// http://org.school66.group.us.west.2.s3.amazonaws.com/bookclub.jpg

右转
向左旋转

如下所示：

var canvas=document.getElementById("canvas");
var ctx=canvas.getContext("2d");

var img = new Image();
img.onload = function() {
    canvas.width = image.width;
    canvas.height = image.height;
    ctx.drawImage(img,0,0);
};
img.src = "http://org.school66.group.us.west.2.s3.amazonaws.com/church.jpg";

---

提供的两个图像都正常工作。你的问题在哪里？我使用的是chrome，但它在那里不起作用。我看到它在safari&ff中起作用。我的主浏览器是chrome。。。感谢FelixDo您设置了

画布

元素的

高度

和

宽度

了吗？我从图片中得到的。。。canvas.width=image.width；canvas.height=image.height；我在chrome上试过，小提琴正在工作——不知道你的问题在哪里。我也试过。它适用于除chrome以外的所有浏览器。canvas essentials清空…然后添加一个间隔时间，如：canvas.width=image.width；canvas.height=image.height；函数draw（）{ctx.drawImage（img，0,0）；}；设置间隔（draw（），100）；我为什么需要这个？你认为会发生什么？我已经在加载图像…drawImage不是同步的吗？我只是在上一个图形上重新绘制，这样当IMG完成加载时，它将正确绘制​ 对于画布来说，在画布上重画并不成问题，就像绘画一样