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

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

http://jsfiddle.net/qwzBh/

这样你就不用担心一直画不出来了。