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

[Anonymous]

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

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

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

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

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

var c = document.getElementById("canv");
undefined
c.style.width
"1024px"
c.style.height
"768px"
c.width
300
c.height
150
< /code>

То же поведение происходит как у хрома, так и в Firefox. и многое обнаружил о разнице между шириной 

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

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