Canvas判断内容为空

如题,项目需要做一个canvas的绘图工具,绘制图纸传递给后台。因此需要做一个非空验证,记录解决方法祝大家早日脱坑。

js验证代码:

//验证canvas画布是否为空函数
function isCanvasBlank(canvas) {
    var blank = document.createElement('canvas');//系统获取一个空canvas对象
    blank.width = canvas.width;
    blank.height = canvas.height;
    return canvas.toDataURL() == blank.toDataURL();//比较值相等则为空
}
//调用
/表单非空验证
function checkEmpty() {
    var c=document.getElementById("canvas"); // 获取html的canvas对象,我这个id="canvas"
    if(isCanvasBlank(c)){
        alert("请绘制草图后再上传!");
        return;
    }
});
原文地址:https://www.cnblogs.com/zeussbook/p/9680846.html