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

जावास्क्रिप्ट के साथ किसी छवि की चमक और कंट्रास्ट कैसे सेट करें?


चमक सेट करने के लिए, चमक का उपयोग करें संपत्ति और इसके विपरीत के लिए, विपरीत संपत्ति का उपयोग करें।

उदाहरण

जावास्क्रिप्ट के साथ इमेज फिल्टर का उपयोग करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं -

<!DOCTYPE html>
<html>
   <body>
      <p>Click below to change the brightness and contrast of the image.</p>
      <button onclick="display()">Edit Image</button><br><br>
      <img id="myID" src="https://www.tutorialspoint.com/videotutorials/images/tutorial_library_home.jpg"
         alt="Tutorials Library" width="320" height="320">
      <script>
         function display() {
            document.getElementById("myID").style.filter = "brightness(50%)";
            document.getElementById("myID").style.filter = "contrast(50%)";
         }
      </script>
   </body>
</html>

  1. जावास्क्रिप्ट के साथ फ़ॉन्ट की बोल्डनेस कैसे सेट करें?

    फ़ॉन्टवेट का उपयोग करें जावास्क्रिप्ट में संपत्ति फ़ॉन्ट बोल्डनेस सेट करने के लिए। उदाहरण आप जावास्क्रिप्ट के साथ फ़ॉन्ट की बोल्डनेस सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html>    <body>       <h1>Heading 1</h1&g

  1. जावास्क्रिप्ट के साथ सूची-आइटम मार्कर के रूप में एक छवि कैसे सेट करें?

    सूची-वस्तु में एक छवि को मार्कर के रूप में सेट करने के लिए, listStyleImage का उपयोग करें जावास्क्रिप्ट में संपत्ति। उदाहरण आप जावास्क्रिप्ट के साथ एक छवि को सूची-आइटम मार्कर के रूप में सेट करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html>    &l

  1. जावास्क्रिप्ट के साथ किसी तत्व के मार्जिन को कैसे सेट करें?

    मार्जिन का प्रयोग करें जावास्क्रिप्ट में संपत्ति, मार्जिन सेट करने के लिए। आप जावास्क्रिप्ट के साथ एक तत्व के मार्जिन को सेट करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html>    <body>       <button type="but