(Canvas | Discord.js) 我正在嘗試使用 `ctx.drawImage(background, 0, 0, canvas.width, canvas.height)` 設置背景，但該命令不起作用

Question

如果我僅使用此代碼，則該命令有效：

const background = await Canvas.loadImage('./silver.jpg');

但我想要我的圖像不止一個背景。 然后，我寫了這段代碼，但沒有奏效：

let backgr;

if (json.items[0].rating < 65) backgr = './bronze.jpg';
else if (json.items[0].rating > 65 && json.items[0].rating < 74) backgr = './silver.jpg';
else if (json.items[0].rating > 75 && json.items[0].rating < 74) backgr = './gold.jpg';

const background = await Canvas.loadImage(backgr);

我在控制台或 Discord 上沒有收到任何錯誤。

Answer 1

您應該在加載之前記錄 backgr 是什么，這樣您就可以看到結果是什么，這可能是空白的。

無論如何，我認為錯誤在條件范圍內，您正在使用>和<但從不檢查是否相等，如下所示：

if(rating < 65) ...
else if (rating > 65 && rating < 74) ...

如果評分 === 65 會發生什么？ 它會跳過這兩個語句，以及第三個語句

let backgr;
const rating = json.items[0].rating;

if (rating < 65) {
   backgr = './bronze.jpg';
} else if (rating < 74) {
   backgr = './silver.jpg';
} else {
   backgr = './gold.jpg';
}

const background = await Canvas.loadImage(backgr);