0

キャンバス要素を現在のウィンドウのサイズに設定しようとしています。

ここでjqueryを使用して成功しました：

function windowsize() {
    WIDTH = $("#canvas")[0].width = ($(window).width());
    HEIGHT = $("#canvas")[0].height = ($(window).height());

}

windowsize();

私はプレーンなJavaScriptで同じことを達成することはできません.私は次のようにしています:

function windowsize(){
    var ctx = document.getElementbyID("canvas");
    ctx.canvas.width = window.innerWidth;
    ctx.canvas.height = window.innerHeight;
}
windowsize();

上記のフィドルは次のとおりです。http://jsfiddle.net/Kinetic915/bWYy7/

以下のページも参考にさせていただきました。

ウィンドウに合わせて HTML5 キャンバスのサイズを変更する

ありがとう！

4

1 に答える 1

2

打ち間違え：

document.getElementbyID

次のようにする必要があります。

document.getElementById

ctx には canvas プロパティがありません

更新された例: http://jsfiddle.net/bWYy7/3/

于 2013-05-01T20:14:33.257 に答える