如何在事件中隐藏和显示画布上绘制的图像？

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 是您的canvas div，其属性为id = map_canvas。 #map_checkbox 是带有属性ID =＃map_checkbox的复选框。