javascript - 通过 Javascript 和 HTML5 Canvas 更新背景图片

Question

Javascript 远不是我的强项之一。因此，如果我的问题对你们中的许多人来说非常有帮助，我深表歉意。

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

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

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

background-image您可以更轻松地在 CSS 中设置 a，而不是在 Canvas 中执行此操作：

http://jsfiddle.net/qwzBh/

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