0

キャンバスでウェブサイトを作成する必要がありますが、何らかの理由で何も表示されません。キャンバスがあるべき場所が白いだけです..誰かが理由を知っていますか? 配置のために、キャンバス div を「プッシュ」する他の div もあります。

余談ですが、ボタンを押したときにキャンバスのサイズを変更できますか? 例: キャンバスは 100x100px です。画面にボタンがあります。押すとキャンバスサイズが変わります。

HTML:

<section id="Body"> 

    <div id="OtherDiv"></div>

    <canvas id="Canvas">
        Update your browser!
    </canvas>

    <div id="anotherDiv"></div>

</section>

CSS:

#Canvas{
float: left;
    margin-left: 15px;}
}

JavaScript:

function first(){
    var c=document.getElementById("Canvas");
    var canvas = c.getContext("2d");
    ctx.fillRect(0,0,150,75);
}
window.addeventlistener("load", first, false);
4

1 に答える 1

3

まずありませんaddeventlistener。大文字と小文字が区別されますaddEventListener。

次に、 variable がありませんctx。

function first(){
    var canvas = document.getElementById("Canvas");  // changed c to canvas
    var ctx = canvas .getContext("2d");  // changed canvas to ctx and c to canvas
    ctx.fillRect(0,0,150,75);
}
window.addEventListener("load", first, false);  //properly camel cased it
于 2013-11-08T18:09:56.860 に答える