H5 canvas的绘图工具:canvas画布非空验证

如果项目中需要添加手写签名等功能,需要做一个canvas绘图工具,然后将绘制之后的图片传给后台,这时候就需要添加一个非空校验,画布为空的时候不允许提交图纸。

//验证canvas画布是否为空函数
CanvasIsBlank(canvas) {
    //创建一个空的canvas对象
    var blank = document.createElement('canvas');
    blank.width = canvas.width;
    blank.height = canvas.height;
    //与空白画布比较
    return canvas.toDataURL() == blank.toDataURL();
}
//提交画布
signalConfirm() {
    if (this.CanvasIsBlank(this.canvas)) {
        this.$message.error("请进行签名!");
        return;
    }
    ……
}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值