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

क्या मेरे पेज के बैकग्राउंड में HTML Canvas एलिमेंट होना संभव है?

Canvas को बैकग्राउंड के रूप में

हां, CSS स्टाइल को position: fixed (या absolute) के साथ सेट करने का प्रयास करें:

canvas {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

आप इसे इस पर भी सेट कर सकते हैं:

<style>
  #canvasSection {
    position: fixed;
  }
</style>

नकारात्मक z-index या फिक्स्ड पोजिशनिंग Canvas को पेज कंटेंट के पीछे रखता है।

  1. JavaScript का उपयोग करके कैनवास पर ड्रॉ कैसे करें? JavaScript का उपयोग करके कैनवास पर ड्रॉ कैसे करें?

    HTML कैनवास पर ड्रॉइंग JavaScript के साथ की जानी है। कैनवास पर ड्रॉ करने से पहले HTML DOM मेथड getElementById() और getContext() का उपयोग करें। उसके लिए, कुछ चरणों का पालन करें: कैनवास एलिमेंट खोजने के लिए getElementById() मेथड का उपयोग करें। getContext() का उपयोग करें, जो कैनवास के लिए ड्रॉइंग ऑब्

  1. JavaScript के साथ innerHTML सेट करें JavaScript के साथ innerHTML सेट करें

    innerHTML सेट करने का सही सिंटैक्स निम्नानुसार है - document.getElementById(yourIdName).innerHTML=yourValue; आइए अब देखें कि innerHTML कैसे सेट करें - उदाहरण <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-widt

  1. HTML में एलिमेंट की चौड़ाई कैसे सेट करें? HTML में एलिमेंट की चौड़ाई कैसे सेट करें?

    width एट्रिब्यूट का उपयोग HTML में किसी एलिमेंट की चौड़ाई सेट करने के लिए किया जाता है। यह निम्न एलिमेंट्स के साथ काम करता है: <canvas>, <embed>, <img>, <input>, <video>, <iframe>, <object>, <svg>, <table>, <td>, <th>, <col>। उ