HTML canvas textBaseline প্রতিভা
সংজ্ঞা ও ব্যবহার
textBaseline প্রতিভা নির্দিষ্ট লেখা আঁকার সময় বর্তমান টেক্সট বেসলাইন নির্ধারণ করে
নিচের চিত্রসমূহ টেক্সটবেসাইন প্রতিভার সমর্থিত বিভিন্ন বেসলাইনকে প্রদর্শন করে
মন্তব্য:fillText() বা strokeText() ক্যানভাসের উপর লেখা টেক্সটকে স্থাপন করার সময়, নির্দিষ্ট টেক্সটবেসাইন মান ব্যবহার করা হবে。
প্রতিদর্শন
একটি নীল রঙের রেক্টাংলার সংজ্ঞায়িত করুন:
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> ইউনিটকে সমর্থন করে না。
