如何检测html5画布是否为空白?

2023-12-04

我有一个涂鸦应用程序,可以将 html5 画布保存到 s3 中的图像中。如果用户在没有绘制任何内容的情况下意外单击“保存”,我想避免保存空白(完全透明)的 png。我发现即使对于空白画布, toDataURL() 也绝不是空字符串,而是大量数据转储。如果没有数据添加到画布,则该字符串似乎始终保持相同的值。因此,检测空画布的一种方法是将提交的画布数据与该空画布数据字符串进行比较,看看它们是否匹配。

我的问题是,有没有更有效的方法来做到这一点?对两个数千个字符长的字符串进行字符串比较意味着,如果确实提交了空画布,我们必须一直比较到最后一个字符。首先计算新提交的画布的 md5 哈希,然后将其与已知空画布数据字符串的 md5 哈希进行比较是否更有效?哪个更快?

他们还有其他确定空画布的方法吗?

例如:比较字符串的长度是否是匹配空画布的可靠测试?


您能轻松检测点击/绘制吗?如果是这样,您可能会拥有一个初始的“画布为空”布尔值,该布尔值在用户第一次绘制任何内容时会被翻转。

不幸的是,如果用户绘制某些内容,然后擦除它,然后保存,这将无济于事。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何检测html5画布是否为空白? 的相关文章

随机推荐