canvas 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에 캔버스 요소를 추가하지 않고 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());