如果项目中需要添加手写签名等功能,需要做一个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;
}
……
}