不管画布的大小如何，每个空白画布都会产生相同的数据URL吗？

Question

我想知道每个空白画布是否生成相同的数据URL，以便能够检测画布中是否绘制了某些内容或 是否为空。不论画布的大小，这也是真的吗？

Answer 1

它不是：

<canvas id="one" width="25" height="25"></canvas>
<canvas id="two" width="30" height="30"></canvas>

Javascript：

var canvas1  = document.getElementById("one");
var dataUrl1 = canvas1.toDataURL();

var canvas2  = document.getElementById("two");
var dataUrl2 = canvas2.toDataURL();

console.log(dataUrl1);
console.log(dataUrl2);

https://jsfiddle.net/r1sekxLa/

您可以订阅画布绘制事件以查看其是否已更改。