Почему я установил ширину холста на внутреннюю ширину в ширине JS и Canvas на 100% в CSS? ⇐ CSS

[Anonymous]

Я не понимаю, почему я не могу установить ширину и высоту на 100% в CSS или ширина и высоту на внутреннюю ширину окна и высоту, но я должен сделать оба. Если я не установите их обоих, мой элемент холста не покажет мой рисунок. То же самое с высотой. Вот мой код: < /p>






TESTING CANVAS DRAWING

body {
margin: 0px;
}

canvas {
border: 2px soild black;
width: 100%;
height: 100%;
}




Your browser does not support the HTML5 canvas tag.


//startup code
let canvas = document.getElementsByTagName("canvas")[0];
canvas.width = window.innerWidth;
canvas.height = window.innerHeight

//drawing

let context = canvas.getContext("2d");
context.fillRect(659, 327, 100, 100); // pixel coordinates start from the the top right





Подробнее здесь: https://stackoverflow.com/questions/736 ... s-width-10