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

मैं एचटीएमएल 5 में एसवीजी सर्कल के अंदर एक छवि कैसे प्रदर्शित कर सकता हूं?


एसवीजी सर्कल के अंदर एक छवि प्रदर्शित करने के लिए, <सर्कल> तत्व का उपयोग करें और क्लिपिंग पथ सेट करें। क्लिपिंग पथ को परिभाषित करने के लिए <क्लिपपाथ> तत्व का उपयोग किया जाता है। SVG में इमेज एलीमेंट का उपयोग करके सेट की जाती है।

मैं एचटीएमएल 5 में एसवीजी सर्कल के अंदर एक छवि कैसे प्रदर्शित कर सकता हूं?

उदाहरण

आप HTML5 में SVG सर्कल के अंदर एक छवि प्रदर्शित करने का तरीका जानने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं

<!DOCTYPE html>
<html>
   <head>
      <title>HTML5 SVG Image</title>
   <head>
   <body>
      <svg width="500" height="350">
         <defs>
            <clipPath id="myCircle">
               <circle cx="250" cy="145" r="125" fill="#FFFFFF" />
            </clipPath>
         </defs>
         <image width="500" height="350" xlink:href="https://www.tutorialspoint.com/videotutorials/images/coding_ground_home.jpg" clip-path="url(#myCircle)" />
      </svg>
   </body>
</html>

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

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

  1. हम जावा में JTextArea के अंदर लाइन नंबर कैसे प्रदर्शित कर सकते हैं?

    A JTextArea JTextComponent . का उपवर्ग है और यह एक बहु-पंक्ति पाठ है पाठ प्रदर्शित करने या उपयोगकर्ता को पाठ दर्ज करने की अनुमति देने के लिए घटक। एक JTextArea एक CareListener . उत्पन्न कर सकता है इंटरफ़ेस, जो कैरेट अद्यतन घटनाओं को सुन सकता है। डिफ़ॉल्ट रूप से, JTextArea लाइन नंबर प्रदर्शित नहीं

  1. मैं पायथन में cv2 का उपयोग करके एक छवि कैसे प्रदर्शित कर सकता हूं?

    Python cv2 में किसी इमेज को पढ़ने के लिए, हम निम्नलिखित कदम उठा सकते हैं- फ़ाइल से छवि लोड करें। छवि को निर्दिष्ट विंडो में प्रदर्शित करें। दबाई गई कुंजी की प्रतीक्षा करें। सभी HighGUI विंडो को नष्ट कर दें। उदाहरण import cv2 img = cv2.imread("baseball.png", cv2.IMREAD_COLOR) cv2.imshow(&