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

HTML5 में lineTo() से लाइन कैसे ड्रा करें?


HTML में लाइन ड्रा करने के लिए कैनवास एलिमेंट का उपयोग करें। कैनवास के साथ, लाइन ड्रा करने के लिए lineTo() मेथड का उपयोग करें। lineTo() मेथड में x और y पैरामीटर मान शामिल होते हैं, जो लाइन को पोजीशन करते हैं।

उदाहरण

HTML5 में lineTo() से लाइन ड्रा करने के लिए निम्न कोड चलाएं:

<!DOCTYPE html> <html>    <head>       <title>HTML Canvas</title>    </head>    <body>       <canvas id="newCanvas" width="300" height="150" style="border:1px solid #000000;"></canvas>       <script>          var c = document.getElementById("newCanvas");          var ctxt = c.getContext("2d");          ctxt.beginPath();          ctxt.moveTo(70, 50);          ctxt.lineTo(50, 120);          ctxt.stroke();       </script>    </body> </html>
  1. HTML5 में strokeText() से टेक्स्ट कैसे ड्रा करें? HTML5 में strokeText() से टेक्स्ट कैसे ड्रा करें?

    HTML5 में कैनवास पर टेक्स्ट ड्रा करने के लिए strokeText() मेथड का उपयोग करें। यह मेथड दिए गए टेक्स्ट को निर्दिष्ट x और y कोऑर्डिनेट पर स्ट्रोक करता है। डिफ़ॉल्ट रंग काला होता है। सिंटैक्स strokeText(text, x, y [, maxWidth]) पैरामीटर्स S. No पैरामीटर विवरण 1 text लिखा जाने वाला टेक्स्ट 2 x x

  1. HTML5 में fillText() से टेक्स्ट कैसे ड्रा करें? HTML5 में fillText() से टेक्स्ट कैसे ड्रा करें?

    HTML5 में कैनवास पर भरा हुआ टेक्स्ट ड्रा करने के लिए fillText() मेथड का उपयोग करें। यह मेथड दिए गए टेक्स्ट को निर्दिष्ट x और y कोऑर्डिनेट पर भरता है। डिफ़ॉल्ट रंग काला होता है। सिंटैक्स fillText(text, x, y [, maxWidth]) पैरामीटर्स S. No पैरामीटर विवरण 1 text लिखा जाने वाला टेक्स्ट 2 x x कोऑ

  1. HTML5 में arc() से सर्कल कैसे ड्रा करें? HTML5 में arc() से सर्कल कैसे ड्रा करें?

    HTML5 में कैनवास एलिमेंट के साथ सर्कल बनाने के लिए arc() मेथड का उपयोग किया जाता है। arc() मेथड से सर्कल के लिए, स्टार्ट एंगल 0 और एंड एंगल 2*Math.PI का उपयोग करें। पैरामीटर्स S. No पैरामीटर विवरण 1 x x-कोऑर्डिनेट 2 y y-कोऑर्डिनेट 3 r सर्कल की त्रिज्या 4 startingAngle रेडियन में स्टार्ट