通过Javascript和HTML5 Canvas更新背景图像

Question

Javascript远非我的强项之一;因此，如果我的问题对你们中的许多人来说似乎非常补救，请道歉。

我正在尝试通过Javascript和HTML5 Canvas实现Boids。尽管已经建立了植绒行为，但应用程序在空白背景上看起来相当简单。

出于这个原因，我正在尝试使用图像作为背景，但遇到了困难。

this.draw = function() {
        /* First clear everything */
        this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
        /* And ink them */
        this.context.strokeStyle = "#000";
        this.context.stroke();
        /* Draw each boid */
        for(var i in this.boids) {
            this.boids[i].draw(this.context, this.size);
        }
    }

如果有人知道如何在上述功能中绘制背景图像，请您告诉我:)

Answer 1

与其在 Canvas 中执行此操作，不如更轻松地在 CSS 中设置background-image：

http://jsfiddle.net/qwzBh/

这样你就不必担心一直画它。