Canvas textAlign गुण

Canvas संदर्भ पुस्तक

परिभाषा और उपयोग

textAlign विशेषताएँ अंकन के आधार पर, टेक्स्ट की मौजूदा जस्ता जानकारी सेट करें या लौटाएं।

सामान्यतया, पाठ निर्दिष्ट स्थान से शुरू होता है, लेकिन अगर आप textAlign="right" रखते हैं और पाठ को स्थान 150 पर रखते हैं, तो यह स्थान 150 पर समाप्त होगा।

सूचना:के उपयोग से fillText() या strokeText() तरीके वास्तव में कैनवस पर पाठ को आरेखित करते हैं और उसे स्थानांतरित करते हैं。

उदाहरण

स्थान 150 पर एक लाल रेखा बनाएं. स्थान 150 है, जो नीचे दिए गए सभी पाठ के आधार स्थान के रूप में निर्दिष्ट है. किसी भी textAlign गुण के प्रभाव का अध्ययन करें:

आपका ब्राउज़र कैनवस टैग को समर्थित नहीं करता है。

जेस्क्रिप्ट:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
// स्थान 150 पर नीली रेखा बनाएं
ctx.strokeStyle="blue";
ctx.moveTo(150,20);
ctx.lineTo(150,170);
ctx.stroke();
ctx.font="15px Arial";
// विभिन्न textAlign मान दिखाएं
ctx.textAlign="start";
ctx.fillText("textAlign=start",150,60);
ctx.textAlign="end";
ctx.fillText("textAlign=end",150,80);
ctx.textAlign="left";
ctx.fillText("textAlign=left",150,100);
ctx.textAlign="center";
ctx.fillText("textAlign=center",150,120);
ctx.textAlign="right";
ctx.fillText("textAlign=right",150,140);

अपने आप सबसे प्रयोग करें

व्याकरण

संदर्भ.textAlign="center|end|left|right|start";

गुण मान

मान वर्णन
start मूलभूत. पाठ निर्दिष्ट स्थान पर शुरू होता है。
end पाठ निर्दिष्ट स्थान पर समाप्त होता है。
केंद्र पाठ का केंद्र निर्दिष्ट स्थान पर रखा गया है。
बायाँ पाठ बायाँ संरचना में है।
दायाँ पाठ दायाँ संरचना में है।

तकनीकी विवरण

मूलभूत मान: start

ब्राउज़र समर्थन

तालिका में दिए गए नंबर इस गुण को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र के संस्करण को सूचित करते हैं。

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 संदर्भ पुस्तक