어떻게 이미지를 페이지의 전체 너비/높이로 반복합니까?

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를 추가하고 배경을 원하는 이미지로 설정할 수 있습니다.