জাভাস্ক্রিপ্টে ছবির উজ্জ্বলতা এবং کنترাস্ট সেট করা

উজ্জ্বলতা সেট করতে brightness প্রপার্টি এবং کنترাস্টের জন্য contrast প্রপার্টি ব্যবহার করুন।

উদাহরণ

নিচের কোডটি চালিয়ে জাভাস্ক্রিপ্টে ইমেজ ফিল্টার ব্যবহার করার পদ্ধতি দেখুন:

<!DOCTYPE html> <html>    <body>       <p>নিচে ক্লিক করুন ছবির উজ্জ্বলতা এবং کنترাস্ট পরিবর্তন করতে।</p>       <button onclick="display()">ছবি সম্পাদনা</button><br><br>       <img id="myID" src="https://www.tutorialspoint.com/videotutorials/images/tutorial_library_home.jpg"          alt="টিউটোরিয়াল লাইব্রেরি" width="320" height="320">       <script>          function display() {             document.getElementById("myID").style.filter = "brightness(50%)";             document.getElementById("myID").style.filter = "contrast(50%)";          }       </script>    </body> </html>

গুরুত্বপূর্ণ সংশোধন: উদাহরণে দুবার style.filter সেট করা হয়েছে — দ্বিতীয়টি প্রথমটিকে ওভাররাইড করবে। সঠিক পদ্ধতিতে একসাথে লিখতে হবে: filter: brightness(50%) contrast(50%)। filter প্রপার্টি একাধিক ফাংশন স্পেস দিয়ে আলাদা করতে হয়। মান: brightness(100%) = মূল, <100% = গाढ়, >100% = উজ্জ্বল।