画布toDataURL从字符串

canvas toDataURL from string

本文关键字：字符串 toDataURL 画布      更新时间：2023-09-26

我是新的画布，但有一个良好的工作代码。结果是生成一个画布，然后将其转换为base64。

问题是，为了使它工作，我似乎需要在HTML代码中有一个canvas元素，我不需要在页面上显示canvas元素。

JS 

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


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

问题(s)

  • 我可以toDataUrl没有在HTML中添加画布元素?
  • 是我唯一的选择隐藏它与CSS?

您可以使用document.createElement()

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

相关文章：