Javascript 无论画布的大小，每个空白画布是否都会生成相同的数据URL？

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

它不会：

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

---

您可以订阅canvas draw事件以查看它是否已更改。

您可以自己用几行代码轻松地测试它。。。

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

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

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