Как подогнать изображение под размер viewport?

Question

[Way]

Добрый день! Нужен совет, как растянуть изображение во весь вьюпорт, при этом ни в ширину, ни в высоту картинка не должна выходить за пределы вьюпорта. Как это сделать на js?
Если кому нужно, то вот код самого background'a и ресайз(Используется фреймворк Phaser.js)

this.background = this.add.tileSprite(0, 0,  this.game.width, this.game.height, 'MainMenu');

resize: function(width, height) {
  this.background.width = width;
	this.background.height = height;
},

Answer 1

[Way]

this.background = this.add.sprite(0, 0, 'MainMenu');
this.background.width = this.game.width;
this.background.height = this.game.height;

//Для изменения размера сразу
resize: function(width, height) {
  this.background.width = width;
  this.background.height = height;
},

Answer 2

[MNB]

css background-size

Comments

[Way]

"Как это сделать на js?", и теги смотрите.

[MNB]

this.style.backgroundSize = width + 'px ' + height + 'px'

[Way]

MNB: А разве у меня не так же? this.background = this.add.tileSprite(0, 0, this.game.width, this.game.height, 'MainMenu');

[MNB]

Извините упустил, что у вас там Phaser. Думал это чистый JS. Ковыряйте доки фазера. phaser.io/docs/2.4.6/index

Масштабирование - это совсем не то, что вы имели ввиду https://ru.wikipedia.org/wiki/%D0%9C%D0%B0%D1%81%D...

[Way]

MNB: ковырял, толку ноль. А за масштабирование извиняюсь.

[Way]

MNB: сейчас пытался сделать авто размер и как вариант добавил вместо tileSprite обычный спрайт, итог всё как я и хотел, но только самое изображение подстраивается только после того, как я начинаю изменять размер окна браузера. Может, чтобы стата сразу обновлялась применить onLoad?

[Way]

MNB: задам ещё один вопрос, при fullscreen игра раскрывается на полный, но в этот fullscreen попадает viewport, как сделать так чтобы попадал полный сайт без учёта viewport'a?