代码之家  ›  专栏  ›  技术社区  ›  user8562091

在javascript中创建默认网格大小[重复]

  •  1
  • user8562091  · 技术社区  · 7 年前

    JavaScript 用于设置脱机浏览器游戏所需的图像的功能。我遇到了一种情况,如果默认情况下用户没有通过 gridSize 或者 网格大小 无效的

    setImage: function (images, gridSize) {
        console.log(gridSize);
        console.log(gridSize);
        var percentage = 100 / (gridSize - 1);
        var image = images[Math.floor(Math.random() * images.length)];
        $('#imgTitle').html(image.title);
        $('#actualImage').attr('src', image.src);
        $('#sortable').empty();
        for (var i = 0; i < gridSize * gridSize; i++) {
            var xpos = (percentage * (i % gridSize)) + '%';
            var ypos = (percentage * Math.floor(i / gridSize)) + '%';
            var li = $('<li class="item" data-value="' + (i) + '"></li>').css({
                'background-image': 'url(' + image.src + ')',
                'background-size': (gridSize * 100) + '%',
                'background-position': xpos + ' ' + ypos,
                'width': 400 / gridSize,
                'height': 400 / gridSize
            });
            $('#sortable').append(li);
        }
        $('#sortable').randomize();
    }
    };
    
    1 回复  |  直到 7 年前
        1
  •  0
  •   BaijNR    7 年前

    之后,您可以在函数开始时将此行附加到函数中 console.log(gridSize) :

     gridSize = gridSize || 4; // If gridSize is null or not passed, default it as 4 or as required.