HTML کینوس createPattern() طریقہ

HTML5 کینواس مرجع دستنوشت

تعریف اور استعمال

createPattern() مخصوص سمت میں مخصوص عنصر کو تکرار کرنے کا طریقہ.

عناصر کا مثال تصویر، ویڈیو یا دیگر <canvas> عناصر کا ہو سکتا ہے.

تکرار کئے گئے عناصر مستطیل، دائرہ یا لائن وغیرہ کو بنانے یا پرنترس کے لئے استعمال کئے جاسکتے ہیں.

مثال

استفاده کی گئی تصاویر:

lamp

صورت کا پترون سمت افقی اور عمودی میں تکرار کریں:

آپ کا براوزر HTML5 کینوس کی ٹیگ کو مدد نہیں دیتا ہے.

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

توضیح:اینٹرنیشنل ایکسپلورر 8 اور اس سے پہلے کی نسلیں <canvas> عنصر کو نہیں سپورٹ کرتی ہیں。

HTML5 کینواس مرجع دستنوشت