HTML कैनवस createPattern() विधि

HTML5 कैनवस रेफरेंस मैनुअल

वर्णन और उपयोग

createPattern() इस निर्दिष्ट दिशा में निर्दिष्ट एलीमेंट को दोहराया जाता है。

एलीमेंट किसी इमेज, वीडियो, या किसी अन्य <canvas> एलीमेंट हो सकता है。

दोहराए गए एलीमेंट को चित्र, वीडियो, या किसी अन्य <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 कैनवस रेफरेंस मैनुअल