Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

HTML5 Canvas को पूरे पेज पर भरें

फुल-पेज Canvas

Canvas को पूरे पेज पर भरने के लिए, आपको पेज की चौड़ाई और ऊंचाई में 100% होना होगा।

* {
    margin: 0;
    padding: 0;
}
body, html {
    height: 100%;
}
#canvas {
    position: absolute;
    height: 100%;
    width: 100%;
}

यह सुनिश्चित करता है कि Canvas व्यूपोर्ट को पूरी तरह से कवर करता है बिना स्क्रॉलबार के।

  1. CSS से DIV को विंडो हाइट का 100% कैसे बनाएं? CSS से DIV को विंडो हाइट का 100% कैसे बनाएं?

    CSS हाइट प्रॉपर्टी हमें एलिमेंट की हाइट निर्दिष्ट करने में मदद करती है। सिंटैक्स CSS हाइट प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector {    height: /*value*/ } उदाहरण 1 निम्न उदाहरण CSS हाइट प्रॉपर्टी को दर्शाते हैं। <!DOCTYPE html> <html>    <head>   &nb

  1. - HTML5 में पारदर्शी कैनवास कैसे बनाएं?

    पारदर्शी कैनवास बनाना HTML5 कैनवास डिफ़ॉल्ट रूप से पारदर्शी होता है। पारदर्शिता को नियंत्रित करने के लिए globalAlpha प्रॉपर्टी या RGBA रंगों का उपयोग किया जाता है। globalAlpha प्रॉपर्टी globalAlpha प्रॉपर्टी (0.0 से 1.0) सभी ड्रॉइंग ऑपरेशन्स के लिए वैश्विक पारदर्शिता सेट करती है: 1.0 = पूरी तरह अ

  1. - IE में HTML5 कैनवास एलिमेंट का उपयोग कैसे करें?

    ExplorerCanvas (excanvas.js) पुराने इंटरनेट एक्सप्लोरर संस्करणों (IE 6-8) में HTML5 <canvas> तत्व का मूल समर्थन नहीं था। ExplorerCanvas (excanvas.js) एक जावास्क्रिप्ट लाइब्रेरी है जो VML (वेक्टर मार्कअप लैंग्वेज) का उपयोग करके इन ब्राउज़र्स में कैनवास कार्यक्षमता जोड़ती है। 📝 ऐतिहासिक संदर