javascript - 为什么闪烁的矩形(被 Canvas 淹没)不起作用？

Question

我刚刚开始学习一点关于 Canvas 的知识!

我想绘制在设定的时间间隔后闪烁的矩形(显示/隐藏/显示/隐藏/显示...)。

如果我删除 setInterval() 和 clear_canvas() - 矩形会被淹没。问题似乎出在 clear_canvas() 中。我从 here 获得该代码.

目前它只显示空白页面。在我看来，它应该画，清晰，画，清晰......

我添加了console.log()用于调试；这就是所谓的! Chrome 14 中不会抛出任何错误或任何异常(在 Fedora 15 上，如果这很重要的话)。一切似乎都还好；不幸的是，事实并非如此!

我把代码放在JsFiddle上所以你们，伙计们，可以帮助我。谢谢!

Answer 1

您的问题是，它在绘制矩形时就清除了它。

您需要使函数在绘制和清除之间交替，以便注意到任何情况。

var draw = false;
$(function() {

    setInterval(function() {

        console.log('called');
        if(draw)
                draw_rectange();
        else
                clear_canvas();

        draw = !draw;

    }, 1000);

});