Обновление фонового изображения через Javascript и HTML5 Canvas

Question

Javascript очень далек от того, чтобы быть одной из моих сильных сторон; поэтому извиняюсь, если мой вопрос кажется очень исправительным для многих из вас.

Я пытаюсь реализовать Boids через Javascript и HTML5 Canvas. Хотя поведение стека было установлено, приложение выглядит довольно просто на пустом фоне.

По этой причине я пытаюсь использовать изображение в качестве фона, но испытываю трудности.

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, вы можете легко установить background-image в CSS:

http://jsfiddle.net/qwzBh/

Таким образом, вам не придется беспокоиться о рисовании все время.