0

理由はわかりませんが、キャンバスの幅と高さを設定できず、何が間違っているのかわかりません。

次のようなページを作成します。

//create div
var d = document.createElement('div'); 
d.id = 'G';
d.className = 'GameOuput';  
document.getElementById('E').appendChild(d);    

var i = 1;
var c = document.createElement('canvas');
    c.id = 'layer' + i;
    c.className = 'c';
    c.style['z-index'] = i;

    document.getElementById('G').appendChild(c);  

    console.log(document.getElementById('G').style.width);  
    c.width = document.getElementById('G').style.width;
    c.height = document.getElementById('G').style.height;

キャンバスには次のものが表示されます。

<canvas id="layer1" class="c" style="z-index: 1;" width="0" height="0"></canvas>

console.log(document.getElementById('G').style.width);= ブランク

ここで何が間違っていますか??

4

1 に答える 1

1

試す：

document.getElementById('G').offsetWidth;

通常、要素offsetWidthは、要素の境界線、要素の水平パディング、要素の垂直スクロールバー (存在する場合、レンダリングされる場合)、および要素の CSS 幅を含む測定値です。

于 2012-12-10T05:17:46.327 に答える