Canvas textAlign প্রতিভা

Canvas পরামর্শপত্র

পরিভাষা ও ব্যবহার

textAlign এটা অ্যানচরের উপর ভিত্তি করে টেক্সট কনটেন্টের বর্তমান অবস্থানকে সেট করা বা ফেরত দেওয়ার জন্য ব্যবহৃত হয়。

通常，文本会从指定位置开始，不过，如果您设置为 textAlign="right" 并将文本放置到位置 150，那么会在位置 150 结束。

提示：使用 fillText() 或 strokeText() 方法在实际地在画布上绘制并定位文本。

实例

在位置 150 创建一条红线。位置 150 是下面例子中定义的所有文本的锚点。请研究每种 textAlign 属性值的效果：

আপনার ব্রাউজার ক্যানভাস ট্যাগটির সমর্থন করে না。

JavaScript:

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);

আপনার হাতে পরীক্ষা করুন

বিন্যাস

context.textAlign="center|end|left|right|start";

বৈশিষ্ট্য মান

মান বর্ণনা
start ডিফল্ট। লেখাটি নির্দিষ্ট স্থানে শুরু করা হয়
end লেখাটি নির্দিষ্ট স্থানে শেষ হয়
center লেখাটির কেন্দ্রটি নির্দিষ্ট স্থানে জমা করা হয়েছে
left লেখাটি সমান্তরালভাবে জমা করা হয়েছে
right লেখাটি ডানদিকে জমা করা হয়েছে

প্রযুক্তিগত বিবরণ

ডিফল্ট ভালো start

ব্রাউজার সমর্থন

সারণীতে উল্লিখিত সংখ্যাগুলি এই লক্ষ্যে পূর্ণাত্মকভাবে সমর্থনকারী প্রথম ব্রাউজার সংস্করণ

চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
4.0 9.0 3.6 4.0 10.1

মন্তব্য:Internet Explorer 8 এবং তার পূর্ববর্তী সংস্করণগুলি <canvas> উপাদানটি সমর্থন করে না。

Canvas পরামর্শপত্র