কম্পিউটার

বহুভুজের উপর HTML5 ক্যানভাস এবং চিত্র কি সম্ভব?


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

এখানে, 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. একটি JS লাইব্রেরিতে HTML5 ক্যানভাস এবং নির্বাচন/ড্র্যাগ-এন্ড-ড্রপ বৈশিষ্ট্য?

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