Canvas textBaseline এক্সপোর্ট
সংজ্ঞা ও ব্যবহার
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> এলিমেন্টটি সমর্থন করে না。
