如何将图像循环到页面的整个宽度/高度

Question

我正在尝试使用for循环将小图像循环到页面的100％宽度。

var gameW = window.innerWidth;
var gameH = window.innerHeight;
var grass = document.getElementById("grass");
var sand = document.getElementById("sand");

grass.src = "images/grass.png"

function makeMap(){
    for(var i = 0; i < gameW; i++){
         grass++;
    }
}makeMap();

Answer 1

您可以使用css执行此操作（如果这是一个选项）。 background-repeat可能会完成这项工作。

例如，您可以添加一个具有视口宽度的div，并将其背景设置为所需的图像。