jqueryウィンドウの幅をピクセルに変換する

Question

次のコードを使用して、キャンバス要素のheightプロパティとwidthプロパティを設定しています。サイズはピクセルで返されないようです。

(function(){ 
    var width = $(window).width(), 
     height = $(window).height(); 
    canvas.width = width; 
    canvas.height = height; 
})() 

変更する方法はありますかこの値の単位を確認するか、スクリプトで変換せずに同等のピクセルを取得できますか？

https://jsfiddle.net/gt38asfm/2/

Answer 1

キャンバスタグ自体がユニットを必要としません。

第2のこと;キャンバスのサイズが変わらないように、「サイズ変更」イベントが発生していません。あなたは完全なキャンバス領域を使用して要素を描画したい場合

var x = Math.round(Math.random()*500), y = Math.round(Math.random()*500) 

は、あなたがそのような何かをする必要があります：

var x = Math.round(Math.random()*width), y = Math.round(Math.random()*height) 

また、あなたは、この行に、アクティブ領域の大きさが限られています変数幅と高さは関数内にあることはできません。そうでないとエラーが発生します（幅は定義されていません）。

乾杯

Answer 2

$（ウィンドウ）.resize（）あなたのためokですか？ https://jsfiddle.net/matake/gt38asfm/5/

$(window).resize(function() { 
    var width = $(window).width(), 
    height = $(window).height(); 
    canvas.width = width; 
    canvas.height = height; 
    sizeSet = true; 
});