我想用圖像(base64字符串)填充畫布,然后將文本添加到畫布中。最初的想法(JavaScript瀏覽器應(yīng)用程序):我想將base64字符串txtb64(圖像)設(shè)置為畫布的背景圖像,然后在其上添加文本。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();},問題是我總是得到一個黑色矩形作為輸出。我的代碼有什么問題,因為我看不到任何錯誤。
如何填充畫布和添加文本
楊__羊羊
2021-05-16 21:16:45