Canvas createPattern() विधि

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 संदर्भ मानचित्र