HTML कैनवस textAlign विशेषता

HTML5 कैनवस संदर्भ दस्तावेज

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

textAlign विशेषता अंकुर पर वर्तमान टेक्स्ट सामग्री के लिए आधारित रूप से निर्धारित या वापस करती है।

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

सूचना:से उपयोग करके fillText() या strokeText() तरीके वास्तव में कैनवस पर टेक्स्ट को ड्राइंग और स्थानांतरण करते हैं。

उदाहरण

150 स्थान पर एक लाल रंग की लाइन बनाएं।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";

गुण मूल्य

मूल्य वर्णन
स्टार्ट मूलभूत मूल्य।पाठ का निर्दिष्ट स्थान पर शुरू होता है。
एंड पाठ का निर्दिष्ट स्थान पर समाप्त होता है。
सेंटर पाठ के केंद्र को निर्दिष्ट स्थान पर रखा जाता है。
लेफ्ट पाठ के बाईं बागल से संचालित किया जाता है。
राइट पाठ के दायाँ बागल से संचालित किया जाता है。

तकनीकी विवरण

मूलभूत मूल्य： स्टार्ट

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

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

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

टिप्पणी：Internet Explorer 8 और अधिक पुरानी संस्करण <canvas> एलीमेंट को समर्थन नहीं देते हैं。

HTML5 कैनवस संदर्भ दस्तावेज