Canvas clip() মথদান
অর্থ ও ব্যবহার
clip() মথদান থেকে কোনও কোনও আকৃতি ও মাপের অঞ্চল কাটা হয়
সুঝান:একবার কোনও অঞ্চল কাটা হলে, সব পরবর্তী চিত্র কাটা হওয়া অঞ্চলেই সীমাবদ্ধ থাকবে (কানভাসের অন্যান্য অঞ্চল প্রত্যাখ্যান করা হবে)। আপনি clip() মথদান করার আগে save() মথদান করে বর্তমান কানভাস অঞ্চলটি সংরক্ষণ করতে পারেন এবং পরবর্তীতে কোনও সময়ে তা ফিরিয়ে আনতে পারেন (restore() মথদান দ্বারা)。
প্রয়োগ
ক্যানভাস থেকে 200*120 পিক্সেলের চতুর্ভুজ অঞ্চল কাটানো হয়। তারপর, সবুজ চতুর্ভুজ আকৃতির চিত্র দ্রব্যাস করা হয়। শুধুমাত্র কাটা হওয়া অঞ্চলের সবুজ চতুর্ভুজ আকৃতির চিত্র দ্রব্যাস দেখা যায়:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
// ক্লিপ করা হওয়া চতুর্ভুজ অঞ্চল
ctx.rect(50,20,200,120);
ctx.stroke();
ctx.clip();
// ক্লিপ() পরে সবুজ চতুর্ভুজ আকৃতির চিত্র দ্রব্যাস
ctx.fillStyle="green";
ctx.fillRect(0,0,150,100);
বিন্যাস
context.clip();
ব্রাউজার সমর্থন
এই টেবিলের সংখ্যাগুলি এই বৈশিষ্ট্যটি যে ব্রাউজার সংস্করণে পূর্ণাত্মকভাবে সমর্থিত হয় তা নির্দেশ করে。
| চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | অপেরা |
|---|---|---|---|---|
| চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | অপেরা |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
মন্তব্য:Internet Explorer 8 এবং তার পূর্ববর্তী সংস্করণগুলি <canvas> উপাদানটি সমর্থন করে না。
