javascript - canvas.height vs screen.availHeight shows different values -

मेरे पास कैनवास है.हाइट और स्क्रीन। यह मेरा कोड है:

  canvas.height = document.height || document.body.clientHeight; Canvas.width = document.width || document.body.clientWidth;  

जब मैं इसके साथ जांच करता हूं:

  चेतावनी ("कैनवास.विंड =" + canvas.width + "/ n canvas.height =" + कैनवास ऊँचाई + "/ एन स्क्रीन। वाउलहैइट =" + स्क्रीन। एवेल हाइट);  

मुझे मिलता है:

  कैनवास.विंड = 1904 जो सही लगता है; कैनवास। हाइट = 1 9 1 जो क्रम से बाहर है; स्क्रीन। AwailHeight = 1040 जो सही लगता है  

क्या मुझे कुछ याद आती है या क्या कुछ गलत है?

यहां

<पूर्व> कैनवास.हाइट = दस्तावेज़.हेइट || document.body.clientHeight; Canvas.width = document.width || document.body.clientWidth;

आप ब्राउज़र आकार में दस्तावेज़ सेट

मामले में

  screen.availHyight  

लाभकारी संपत्ति उपयोगकर्ता की स्क्रीन की ऊँचाई, पिक्सल में, विंडोज टास्कबार की तरह कम से कम इंटरफ़ेस सुविधा देता है।

आप Math.max (window.innerHeight, Document.body.clientHeight)