帆布toDataURL從字符串

Question

我是新來的畫布，但有一個很好的工作代碼。其結果是生成一個畫布，然後將其轉換爲base64。

問題是，要使它工作，我似乎需要在HTML代碼中有一個畫布元素，並且我不需要在頁面上顯示畫布元素。

JS

var canvas = document.getElementById("canvas"); 
var context = canvas.getContext("2d"); 
... 
console.log(canvas.toDataURL()); 

HTML

<canvas id="canvas" width=64 height=64></canvas> 

問題（S）

• 我可以無需在HTML中添加canvas元素toDataUrl？
• 我唯一的選擇是用CSS隱藏它嗎？

Answer 1

您可以使用document.createElement()

var canvas = document.createElement("canvas"); 
 
var context = canvas.getContext("2d"); 
 
canvas.width = 64; 
 
canvas.height = 64; 
 
//.... 
 
console.log(canvas.toDataURL());