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

HTML5 में चाप () के साथ एक वृत्त कैसे बनाएं?


आर्क () विधि का उपयोग HTML5 में कैनवास तत्व के साथ एक वृत्त बनाने के लिए किया जाता है। चाप () विधि वाले वृत्त के लिए, प्रारंभ कोण को 0 के रूप में और अंत कोण को 2*Math.PI के रूप में उपयोग करें।

आर्क() विधि के पैरामीटर मान यहां दिए गए हैं -

S. नहीं
पैरामीटर
विवरण
1
x
x-निर्देशांक
2
y
y-निर्देशांक
3
r
वृत्त की त्रिज्या
4
प्रारंभ कोण
रेडियन में प्रारंभिक कोण
5
अंत कोण
रेडियन में अंत कोण
6
वामावर्त (सही/गलत)
घड़ी की विपरीत दिशा में ड्राइंग के लिए, सही चुनें, अन्यथा, गलत


HTML5 में चाप () के साथ एक वृत्त कैसे बनाएं?

उदाहरण

आप HTML5 में चाप () विधि के साथ एक वृत्त बनाने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं -

<!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.arc(100,75,50,0,2*Math.PI);
         ctxt.stroke();
      </script>
   </body>
</html>

  1. HTML5 में स्ट्रोकटेक्स्ट () के साथ टेक्स्ट कैसे बनाएं?

    HTML5 में कैनवास पर टेक्स्ट बनाने के लिए, स्ट्रोकटेक्स्ट () विधि का उपयोग करें। यहाँ स्ट्रोकटेक्स्ट () विधि का सिंटैक्स है। यह दिए गए टेक्स्ट को दिए गए स्थान पर स्ट्रोक करता है, जो दिए गए x और y निर्देशांक द्वारा इंगित किया जाता है। डिफ़ॉल्ट रंग काला है। strokeText(text, x, y [, maxWidth ] ) यहां स्

  1. HTML5 में fillText () के साथ टेक्स्ट कैसे बनाएं?

    HTML5 में कैनवास पर भरे हुए टेक्स्ट को ड्रा करने के लिए, fillText() विधि का उपयोग करें। यहाँ fillText () विधि का सिंटैक्स है। यह दिए गए पाठ को दिए गए निर्देशांक x और y द्वारा दर्शाए गए स्थान पर भरता है। डिफ़ॉल्ट रंग काला है। fillText(text, x, y [, maxWidth ] ) fillText() विधि के पैरामीटर मान यहां द

  1. HTML5 में लाइनटो () के साथ एक रेखा कैसे खींचना है?

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