キャンバスtoDataURL from string

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> 

質問（複数可）

• 私は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());