HTML5 canvas resize to parent

Я хочу изменить размер элемента canvas таким образом, чтобы он соответствовал своему родителю, будь то ("полноэкранный") или, например,

. Вот моя попытка:
// called at each frame
function update() {
    var canvasNode = document.getElementById('mycanvas');
    canvasNode.width = canvasNode.parentNode.clientWidth;
    canvasNode.height = canvasNode.parentNode.clientHeight;
}

По какой-то причине холст не перестает расти! Может быть, client* не те параметры?

Посмотреть код в действии можно здесь: http://jsfiddle.net/ARKVD/24/

15
задан Giovanni Funchal 24 December 2011 в 11:34
поделиться