如何隱藏和顯示事件畫布上畫的圖像？

Question

我通過從JSON傳遞x和y座標在Canvas上繪製圖像。 但我想隱藏這些圖片，如果我選中了複選框按鈕，並想顯示是否取消選中複選框按鈕。

因此，如果有任何提示，將不勝感激。

Answer 1

使用jquery你可以隱藏顯示你的圖像div以下是你可以做到這一點的方式。

$(document).ready(function() { 
    $("#map_canvas").hide(); 
    $("#map_checkbox").click(function() { 
     if ($("#map_checkbox").is(":checked")) { 
      $("#map_canvas").show(); 
     } else if ($("#map_checkbox").not(":checked")) { 
      $("#map_canvas").hide(); 
     } 
    }) 
}); 

JSFIDDLE DEMO

注：在上面的代碼#map_canvas是你的畫布DIV與屬性ID = map_canvas提供。和#map_checkbox是屬性爲id =＃map_checkbox的複選框。