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

HTML5 ক্যানভাসে ইমেজ ও পলিগন সম্ভব কি?

হ্যাঁ, এটি সম্ভব। ইমেজ ব্যবহার করে একটি প্যাটার্ন তৈরি করুন, এবং তারপর প্যাটার্নটিকে fillStyle-এ সেট করুন।

এখানে, obj হলো আমাদের ইমেজ অবজেক্ট:

var context = canvas.getContext("2d"); var pattern = context.createPattern(obj, "repeat"); context.fillStyle = pattern;

আপনাকে ইমেজটিকে যেন কোনো যাদুকর পলিগনে ফিট করে তা ম্যানিপুলেট করতে হবে:

context.save(); context.setTransform(m11, m12, m21, m22, dx, dy); context.drawImage(obj); context.restore();

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

  2. ডেটা URL থেকে HTML5 ক্যানভাসে ইমেজ আঁকা

  3. HTML5 ক্যানভাস এবং JS লাইব্রেরিতে সিলেক্ট/ড্র্যাগ-অ্যান্ড-ড্রপ ফিচার

  4. HTML5 ক্যানভাসে প্যাটার্ন তৈরি করা