Javascript 如何从调整大小或拉伸的src加载图像

在画布中绘制此图像时，我正在使用fill（）。我使用下面的代码加载图像：

var cerceve = new Image();
if ($(".cerceve.accessory-selected").length) {
    cerceve.onload = function () {
        cerceveDeferred.resolve();
    };
    cerceve.src = $(".cerceve.accessory-selected:first img").attr("src");

基本上，我定义

Image

对象的

src

，然后当它加载时，我开始在屏幕上绘制它。但我希望图像加载到自定义大小，我如何才能做到这一点？我不能将调整大小与

drawImage（）

一起使用，因为我需要使用

fill（）

方法，并且它没有指定任何调整大小选项

---

例如，如果我设置

cerceve.height=40

加载

cerceve

后，它以40的高度绘制图像（40比原始高度大），但源图像不拉伸，而是重复绘制许多相同的图像。我给它一个自定义的高度和图像的行为与重复选项。我想让它伸展。

好的，我知道了。在画布上绘制图像时，应该使用上下文缩放，而不是在加载后尝试调整源图像的大小<代码>上下文。比例（x，y）可能是一种方法