Javascript：drawImage没有全面了解

Question

以下是代码：

window.onload = function() {
    var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");
    var img = document.getElementById("scream");
    ctx.drawImage(img, 0, 0, img.height, img.width, 0, 0, 100, 100);
};

这是图片：

我通过设置img.height和img.width来设置它来获取整个图像。但我仍然看到没有完整的图片，只有一部分：底部正在削减。我怎么才能得到它？我输错了吗？

Refer here

Answer 1

函数drawImage的参数是
img - 指定要使用的图像，画布或视频元素 sx - 可选。 x坐标开始剪切的位置
sy - 可选。 y坐标开始剪裁的位置
swidth - 可选。剪裁图像的宽度
重量 - 可选。剪裁的想象的高度 x - x坐标将图像放在画布上的位置
y - y坐标将图像放在画布上的位置
宽度 - 可选。要使用的图像宽度（拉伸或缩小图像）
身高 - 可选。要使用的图像高度（拉伸或缩小图像）
正确使用您的功能

ctx.drawImage(img, 0, 0, img.width, img.height, 0, 0, 100, 100);