Question

需要制作一个带有画布的网站，但由于某些原因没有显示，它只是白色的画布应该是......任何人都知道为什么？还有其他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);

Answer 1

首先没有addeventlistener。案件很重要，它是addEventListener。

其次，你没有变量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

有谁知道为什么这个画布不起作用？

1 个答案: