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

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 演示

注意：在上面的代码中，#map_canvas是你的画布 div，属性 id=map_canvas。并且#map_checkbox是具有属性 id=#map_checkbox 的复选框。