Canvas на базовой HTML -странице всегда размером с 300x150 ⇐ Html

[Anonymous]

Я упростил свою проблему до базового HTML -документа с элементом < /code> < /code>: < /p>

Код: Выделить всё

body {
border: 1px solid #ff5500;
background-color: black;
}
canvas {
width: 100%;
height: 100%;
}< /code>

Но, однако, я установил ширину и height (Использование пикселей, процентов или единиц Viewport), независимо от того, устанавливаю ли я стиль (например, style = 'width: 1024px; высота: 768px' ), и, однако, я изменяю размер окна браузера, разработчик Консоль всегда сообщает о ширине x высота как 300x150. Почему это, и как мне справиться с этим?

Код: Выделить всё

var c = document.getElementById("canv");
undefined
c.style.width
"1024px"
c.style.height
"768px"
c.width
300
c.height
150
< /code>
То же поведение возникает как в хроме, так и в Firefox. < /p>
У меня переполнение стека в целом и в сети и многое обнаружили о разнице между шириной 

и клиентская withidth и аналогичный вопрос, касающийся Fabric.js, но нет ответа на этот конкретный вопрос.

Подробнее здесь: https://stackoverflow.com/questions/523 ... as-300x150