Canvas判断内容为空

标签：check   画布   内容   方法   alert   width   记录   oda   工具   

如题，项目需要做一个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(canvas)){
        alert("请绘制草图后再上传！");
        return;
    }
});

Canvas判断内容为空

标签：check   画布   内容   方法   alert   width   记录   oda   工具   

原文地址：https://www.cnblogs.com/zeussbook/p/9680846.html