如何填充画布和添加文本

Question

我想用图像（base64字符串）填充画布，然后将文本添加到画布中。最初的想法（JavaScript浏览器应用程序）：我想将base64字符串txtb64（图像）设置为画布的背景图像，然后在其上添加文本。downloadtext: function() {  var sign = this.getView().byId("SigId");  var txtb64 = signpad.getSignAsJpeg();  var canvas = document.createElement("canvas");  var ctx = canvas.getContext('2d');  var image = new Image();  image.src = txtb64;  image.addEventListener("load", function(event) {    console.log("Ready!");  });  ctx.drawImage(image, 0, 0);  ctx.fillText('My random text', 0, 0);  var dataURL = canvas.toDataURL("image/jpeg");  var image = new Image();  var element = document.createElement('a');  image.src = dataURL;  element.setAttribute('href', image.src);  element.setAttribute('download', 'image');  element.style.display = 'none';  element.click();},问题是我总是得到一个黑色矩形作为输出。我的代码有什么问题，因为我看不到任何错误。