HTML कैनवस textBaseline गुण
परिभाषा और उपयोग
textBaseline गुण ड्राइंग लेख के दौरान वर्तमान लेख बेस लाइन को सेट करता या वापस करता है。
नीचे दिखाए गए चित्र में textBaseline गुण के समर्थित विभिन्न बेस लाइनों को दिखाया गया है:
टिप्पणी：fillText() या strokeText() पटल पर लेख को स्थापित करने के लिए विधि को निर्दिष्ट textBaseline मान का उपयोग किया जाएगा。
उदाहरण
नीले रंग से भरे चतुर्भुज को परिभाषित करें:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
// y=100 स्थान पर नीले रंग की लाइन बनायें
ctx.strokeStyle="blue";
ctx.moveTo(5,100);
ctx.lineTo(395,100);
ctx.stroke();
ctx.font="20px Arial"
// y=200 पर विभिन्न textBaseline मानों से प्रत्येक शब्द को जगह दें
ctx.textBaseline="top";
ctx.fillText("Top",5,100);
ctx.textBaseline="bottom";
ctx.fillText("Bottom",50,100);
ctx.textBaseline="middle";
ctx.fillText("Middle",120,100);
ctx.textBaseline="alphabetic";
ctx.fillText("Alphabetic",190,100);
ctx.textBaseline="hanging";
ctx.fillText("Hanging",290,100);
व्याकरण
context.textBaseline="alphabetic|top|hanging|middle|ideographic|bottom";
प्रयोग
| मान | वर्णन |
|---|---|
| alphabetic | मूलभूत।पाठ बेसलाइन सामान्य अक्षर बेसलाइन है। |
| top | पाठ बेसलाइन em बॉक्स के ऊपरी छोर है। |
| hanging | पाठ बेसलाइन लहेंगा बेसलाइन है। |
| middle | पाठ बेसलाइन em बॉक्स के मध्य है। |
| ideographic | पाठ बेसलाइन अर्थात्मक बेसलाइन है। |
| bottom | पाठ बेसलाइन em बॉक्स के निचले छोर है। |
तकनीकी विवरण
| मूलभूत मान: | alphabetic |
|---|
ब्राउज़र समर्थन
तालिका में दिए गए नंबरों को इस गुण को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण निर्दिष्ट करते हैं।
| च्रोम | एज | फायरफॉक्स | सैफारी | ओपेरा |
|---|---|---|---|---|
| च्रोम | एज | फायरफॉक्स | सैफारी | ओपेरा |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
टिप्पणी：Internet Explorer 8 और अधिक पुरानी संस्करण <canvas> एलीमेंट को समर्थन नहीं देते हैं。
