雅安论坛

标题: Canvas判断内容为空 [打印本页]

---

作者: 未命名    时间: 2021-12-19 21:21
标题: Canvas判断内容为空
Canvas判断内容为空

1. //验证canvas画布是否为空函数
   
2. function isCanvasBlank(canvas) {
   
3.     var blank = document.createElement('canvas');//系统获取一个空canvas对象
   
4.     blank.width = canvas.width;
   
5.     blank.height = canvas.height;
   
6.     return canvas.toDataURL() == blank.toDataURL();//比较值相等则为空
   
7. }
   
8. //调用
   
9. /表单非空验证
   
10. function checkEmpty() {
    
11.     var c=document.getElementById("canvas"); // 获取html的canvas对象，我这个id="canvas"
    
12.     if(isCanvasBlank(c)){
    
13.         alert("请绘制草图后再上传！");
    
14.         return;
    
15.     }
    
16. });

复制代码

---

欢迎光临 雅安论坛 (https://www.yaanbbs.net/)

Powered by Discuz! X3.4