我這里有一張畫布。我正在嘗試在此上繪制一個(gè) svg，但它根本不起作用。如果我使用png文件，它可以正常工作。drawPlayer() {    this.xCord = this.colNum * this.width;    this.yCord = this.rowNum * this.height;    let rat = new Image();    let player = this;            rat.onload = function() {player.ctx.drawImage(rat, player.xCord, player.yCord,         player.width, player.height);}    rat.src = "Lik-Rong-IT.svg";}我也試過這種方式-<img src="Lik-Rong-IT.svg" id="rat" style="display: none"/>drawPlayer() {    this.xCord = this.colNum * this.width;    this.yCord = this.rowNum * this.height;    let rat = document.querySelector("#rat");    let player = this;    rat.onload = function() {player.ctx.drawImage(rat, player.xCord, player.yCord,         player.width, player.height);}}但這也不起作用（即使是 png?。?。我已經(jīng)查找了我可以在我的代碼中找到的任何錯(cuò)誤，但沒有運(yùn)氣。請幫我找出問題！鏈接到項(xiàng)目 - https://codesandbox.io/s/maze-p2pyo