HTML canvas clip() মেথড

অর্থ ও ব্যবহার

clip() মেথডটি মূল ক্যানভাস থেকে কোনও আকার ও আকৃতির শেপ কাটার কাজ করে。

সুঝান:একবার কোনও অঞ্চলকে কাটার পর, সবকটি পরবর্তী ড্রাইভিং কাটা অঞ্চলের মধ্যেই সীমাবদ্ধ হবে (অন্য ক্যানভাস অঞ্চলগুলিতে প্রবেশ করা যাবে না)। আপনি clip() মেথড ব্যবহার করা আগে save() মেথড দ্বারা বর্তমান ক্যানভাস অঞ্চলকে সংরক্ষণ করতে পারেন এবং পরবর্তীতে কোনও সময়েই তা ফিরিয়ে আনতে পারেন (restore() মেথড দ্বারা)。

উদাহরণ

ক্যানভাস থেকে 200*120 পিক্সেল আকারের ট্যাঙ্কেট কাটান। তারপর, সবুজ ট্যাঙ্কেট আঁকুন। শুধুমাত্র কাটা অঞ্চলের সবুজ ট্যাঙ্কেট অংশটি দৃশ্যমান হবে:

আপনার ব্রাউজার HTML5 ক্যানভাস ট্যাগটি সমর্থন করে না。

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
// কাটা বর্গ অঞ্চল
ctx.rect(50,20,200,120);
ctx.stroke();
ctx.clip();
// clip() পরে সবুজ বর্গ আঁকুন
ctx.fillStyle="green";
ctx.fillRect(0,0,150,100);

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

সংজ্ঞা

context.clip();

ব্রাউজার সমর্থন

সারণীতে সংখ্যা এই বৈশিষ্ট্যটি যে প্রথম সম্পূর্ণভাবে সমর্থন করা হয়েছে এবং সেই ব্রাউজারের সংস্করণটি উল্লেখ করা হয়েছে。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

মন্তব্য:Internet Explorer 8 এবং এর পূর্ববর্তী সংস্করণ <canvas> এলিমেন্টটি সমর্থন করে না。