亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何填充畫布和添加文本

如何填充畫布和添加文本

楊__羊羊 2021-05-16 21:16:45
我想用圖像(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();},問題是我總是得到一個黑色矩形作為輸出。我的代碼有什么問題,因為我看不到任何錯誤。
查看完整描述

1 回答

  • 1 回答
  • 0 關注
  • 115 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號