Canvas toDataURL von String

Question

Ich bin neu auf Leinwand, aber habe einen guten Arbeitscode. Das Ergebnis besteht darin, eine Zeichenfläche zu generieren und sie anschließend in base64 zu konvertieren.

Das Problem ist, dass, um es funktionieren zu lassen, ich brauche ein canvas-Element im HTML-Code zu haben, und ich muss das canvas Element auf der Seite nicht zeigen.

JS

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

HTML

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

Frage (n)

• Kann ich ohne Zusatz eines Canvas-Element im HTML toDataURL?
• Ist meine einzige Option, es mit CSS zu verstecken?

Answer 1

können Sie verwenden document.createElement()

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