Question

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

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

JS

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="form-item">
  <div class="mck-radio">
    <div id="#this1">Click Element 1</div>
  </div>
  <div class="mck-radio">
    <div id="#this3">Click Element 2</div>
  </div>
</div>

<button>add class</button>

HTML

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

问题（S）

我可以在不在HTML中添加canvas元素的情况下使用toDataUrl吗？
我唯一的选择是用CSS隐藏它吗？

Answer 1

您可以使用document.createElement()

＆＃13;

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

＆＃13;

来自字符串的canvas toDataURL

1 个答案: