Canvas createPattern() পদ্ধতি
বিবরণ ও ব্যবহার
createPattern() পুনরায় প্রতিলিপিত হওয়া ইলেকট্রনটি নির্দিষ্ট দিকে পুনরায় প্রতিলিপিত করে。
ইলেকট্রনটি চিত্র, ভিডিও বা অন্য ক্যানভাস ইলেকট্রন হতে পারে。
পুনরায় প্রতিলিপিত হওয়া ইলেকট্রনটি ব্যবহার করে চতুর্ভুজ, বক্তৃকা বা লাইন ইত্যাদি দ্বারা আঁকা/পূর্ণ করা যেতে পারে。
উদাহরণ
ব্যবহৃত চিত্র:
আনুমানিক এবং উপরোক্ত দিকে চিত্র পুনরায় প্রতিলিপিত করা হয়:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var img=document.getElementById("lamp");
var pat=ctx.createPattern(img,"repeat");
ctx.rect(0,0,150,100);
ctx.fillStyle=pat;
ctx.fill();
বিন্যাস
context.createPattern(image,"repeat|repeat-x|repeat-y|no-repeat");
পারামিটার মান
| পারামিটার | বর্ণনা |
|---|---|
| image | নির্দিষ্ট করুন যে চিত্র, কাঁসা বা ভিডিও ইলেকট্রন ব্যবহার করতে হবে。 |
| repeat | ডিফল্ট।এই মোড়টি আনুমানিক এবং উপরোক্ত দিকে পুনরায় প্রতিলিপিত হয়。 |
| repeat-x | এই মোড়টি শুধুমাত্র আনুমানিক দিকে পুনরায় প্রতিলিপিত হয়。 |
| repeat-y | এই মোডটি কেবল ভিক্টরিক দিকে পুনরাবৃত্তি করা হবে |
| no-repeat | এই মোডটি একবার মাত্র দেখা যাবে (নতুন করে দেখা হবে না) |
ব্রাউজার সমর্থন
এই টেবিলের সংখ্যা এই বৈশিষ্ট্যটির প্রথম পূর্ণাঙ্গভাবে সমর্থনকারী ব্রাউজার সংস্করণটি উল্লেখ করা হয়
| চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | অপেরা |
|---|---|---|---|---|
| চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | অপেরা |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
মন্তব্য:Internet Explorer 8 এবং তার পূর্ববর্তী সংস্করণগুলি <canvas> ইলেকট্রন অপরিসীম
