jQuery调整窗口背景

Question

我正在尝试使用此示例http://timothypoon.com/blog/2011/01/19/html5-canvas-particle-animation/为网站构建移动星星的背景。

我设法让它工作，但它有一个小问题。每当我调整页面大小时，我希望它看起来几乎相同，没有明显的区别。现在，页面闪烁，因为每当我调整大小时，我都会用它来重绘页面。

我的问题是如何摆脱那种闪烁，而且，当我把窗户做得更大时，小心翼翼，没有留下任何没有星星的空白。

这是负责调整大小的代码：

$(window).resize(function(){
    WIDTH = $(window).width();
    HEIGHT = $(window).height();
    canvas = document.getElementById('pixie');
    $(canvas).attr('width', WIDTH).attr('height',HEIGHT);
    $('.container').width(WIDTH).height(HEIGHT);
    for(var i = 0; i < 1000; i++) {
        pxs[i] = new Circle();
        pxs[i].reset();
    }
    setInterval(draw,rint);
})