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

HTML पेज में सर्कल (Circle) कैसे बनाएं?

HTML पेज में सर्कल बनाने के लिए SVG या कैनवास का उपयोग करें। आप CSS के border-radius प्रॉपर्टी का उपयोग करके भी इसे बना सकते हैं।

उदाहरण

HTML में सर्कल बनाने का तरीका सीखने के लिए निम्न कोड चलाएं:

<!DOCTYPE html> <html>    <head>       <style>          #circle {             width: 50px;             height: 50px;             -webkit-border-radius: 25px;             -moz-border-radius: 25px;             border-radius: 25px;             background: blue;          }       </style>    <head>    <body>       <div id="circle"></div>    </body> </html>

तीन तरीके:

  1. CSS border-radius: चौड़ाई और ऊंचाई समान रखें, border-radius को आधा करें
  2. SVG: <circle cx="50" cy="50" r="50" /> उपयोग करें
  3. कैनवास: ctx.arc(50, 50, 50, 0, 2 * Math.PI) उपयोग करें
  1. HTML5 में arc() से सर्कल कैसे ड्रा करें? HTML5 में arc() से सर्कल कैसे ड्रा करें?

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

  1. HTML पेज से रीडायरेक्ट कैसे करें? HTML पेज से रीडायरेक्ट कैसे करें?

    पेज रीडायरेक्शन वह स्थिति है जहां आप पेज X पर पहुंचने के लिए एक URL पर क्लिक करते हैं लेकिन आंतरिक रूप से आपको दूसरे पेज Y पर निर्देशित किया जाता है। HTML पेज से रीडायरेक्ट करने के लिए META टैग का उपयोग करें। इसके साथ, content एट्रिब्यूट के मान के लिए HTTP हेडर प्रदान करने के लिए http-equiv एट्रिब्य

  1. Java में OpenCV का उपयोग करके वृत्त कैसे बनाएं? Java में OpenCV का उपयोग करके वृत्त कैसे बनाएं?

    Java OpenCV लाइब्रेरी का org.opencv.imgproc पैकेज Imgproc नामक एक क्लास प्रदान करता है।वृत्त बनाने के लिए, आपको इस क्लास की circle() मेथड को कॉल करना होगा। यह मेथड निम्नलिखित पैरामीटर्स स्वीकार करती है −एक Mat ऑब्जेक्ट जो उस इमेज को दर्शाता है जिस पर वृत्त बनाया जाना है।एक Point ऑब्जेक्ट जो वृत्त के