Можно ли сделать через css, чтобы родительский блок занимал высоту полного изображения?

Programmir, можно и абсолютно позиционировать элементы над картинкой. Все зависит от конкретного кейса, которым вы, опять же, не поделились

Проблема с высотой блока?

Breeze1, а нет, ошибся, похоже что изменяется высота страницы на мониторах 1080, у меня 1200

Проблема с высотой блока?

Breeze1, так высота страницы и не изменяется на мониторах с высотой 1080, а на более низких страница все равно имеет скролл. Еще одним решением может быть фикс высота для блока с формой, но со скроллом, если будут добавляться новые поля.

Проблема с высотой блока?

Breeze1, Так вы же хотели, чтобы высота блока не прыгала, теперь она плавно изменяется

Чем можно подравнять блоки?

Евгений, только не забудьте потом префиксы

Как привязать элемент к низу экрана при его масштабировании по высоте с помощью Js?

nikabekish, если вам нужно будет переверстать этот баннер без canvas, то обращайтесь, мне это быстро и легко сделать. Ник в телеграмм такой же как и тут.

Как привязать элемент к низу экрана при его масштабировании по высоте с помощью Js?

nikabekish, были выбраны на глаз :) . Просто скопировал трансформации из соседнего блока с текстом и подкорректировал по оси х и у.

Как привязать элемент к низу экрана при его масштабировании по высоте с помощью Js?

nikabekish, а нельзя было создать баннер с помощью html и css без canvas? Делов тут на полчаса-час, имея под рукой картинки.

Как привязать элемент к низу экрана при его масштабировании по высоте с помощью Js?

nikabekish,

// Слой_1
	this.instance = new lib.text();
	this.instance.parent = this;
	this.instance.setTransform(209,50,1,1,0,0,0,121,160.5);

	this.instance_1 = new lib.Слой5();
	this.instance_1.setTransform(120,-40,1,1,0,0,0,121,160.5);
	this.instance_1.parent = this;

Вот здесь еще изменил значения трансформаций относительно изначального позиционирования.

Этот баннер сейчас хорошо отображается, когда один на странице и растянут от верхнего края окна до нижнего. Но если он будет помещен в какой-нибудь блок на каком-либо сайте, то возможно что-то поедет, т.к. для позиционирования слоя по оси Y у вас в коде используется привязка к окну браузера:

_second.y = window.innerHeight;

Как привязать элемент к низу экрана при его масштабировании по высоте с помощью Js?

а где архив с баннером?

Что лучше использовать img или background?

Разве не будет негативных последствий со стороны поисковиков за использование картинок с opacity: 0 ? Насколько я знаю, поисковики применяют санкции к сайтам, на которых присутствует спрятанный контент.
https://support.google.com/webmasters/answer/66353