কম্পিউটার টিউটোরিয়াল

HTML5 ক্যানভাস এলিমেন্টে ছবি বটম সেন্টার কোণ থেকে ঘুরিয়ে দেওয়া


ছবির ডাইমেনশনকে ৩২, ১২০-এ ট্রান্সলেট করুন −

context.translate(32, 120);

এখন ক্যানভাসটি ঘুরিয়ে দিন −

context.rotate(90 * Math.PI/180);

এখন ছবিটি আঁকুন −

context.drawImage(img, -32, -120, 64, 120);

  1. জাভাস্ক্রিপ্ট ব্যবহার করে ক্যানভাসে ড্র করার পদ্ধতি

  2. CSS দিয়ে কন্টেন্টএডিটেবল (Contenteditable) এলিমেন্টের বর্ডার সরানো

  3. HTML5-এ drawImage() মেথড ব্যবহার করে ইমেজ আঁকা

  4. HTML5-এ ক্যানভাস সেন্টার করা