Масштаб страницы холста высокого разрешения до высоты окна

#html #css #canvas #html5-canvas

#HTML #css #холст #html5-холст

Вопрос:

Я пытаюсь создать 2 слоя с высоким разрешением (2480×3508), элементы холста масштабируются до 100% высоты окна и 50% ширины окна.

В настоящее время у меня есть 2 слоя холста. Но если я установлю высокое разрешение (2480×3508), слои будут намного больше экрана.

Это мой код:

 <div style="position: relative; width: 1235px; height: 100%;">
<canvas id="myCanvas" width="2480" height="3500" style="position: absolute; top: 0px; left: 0px;"></canvas>
<canvas id="myCanvas2" width="2480" height="3500" style="position: absolute; top: 0px; left: 0px;"></canvas>
</div>
  

Итак, подводя итог:
Я хочу получить 2 слоя холста один на другом.
Слои холста должны быть в высоком разрешении.
И слои холста должны быть масштабированы до ширины: 1235 пикселей; высоты: 100%.

Ответ №1:

Просто используйте height = 100%, а также width = 100%