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;
    }
});

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM