کورس سفارش:

Canvas مراجع دستاویز

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

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

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

تکرار شدہ عنصر مستطیل، دائرہ یا لائن وغیرہ کو تراش یا پرنتر کرنے کے لئے استعمال کیا جاسکتا ہے。

مثال

استعمال کی جانا والی تصویر:

لنپ

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

آپ کا براوزر 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 اس نمونے کو صرف ایک بار دکھایا جاتا ہے (تکرار نہیں کیا جاتا ہے)۔

بھرپور کا استعمال

جداول میں شماراں نے پہلے اس کی اپنی حاملگی کی نسلیں کا مظاہرہ کیا ہے جس میں اس کی اپنی حاملگی کی گئی تھی۔

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

تعلیمات:Internet Explorer 8 اور اس سے پہلے کی نسلیں <canvas> علامت کو نہیں دعوا کرتی ہیں۔

Canvas مراجع دستاویز