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

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，并将其背景设置为您想要的图像。