HTML canvas textAlign প্রতিভাতিকা

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

স্বয়ং প্রয়াস করুন

সিন্ট্যাক্স

কনটেক্সট.textAlign="center|end|left|right|start";

প্রতিভূতি মান

মান বর্ণনা
স্টার্ট ডিফল্ট।লেখা নির্দিষ্ট স্থানে শুরু হয়
এন্ড লেখা নির্দিষ্ট স্থানে শেষ হয়
সেন্টার লেখার কেন্দ্রটি নির্দিষ্ট স্থানে স্থাপন করা হয়
লেফট লেখা বামদিকে সংক্ষিপ্ত
রাইট লেখা ডানদিকে সংক্ষিপ্ত

টেকনিক্যাল বিবরণ

ডিফল্ট মান: স্টার্ট

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

তালিকায় সংখ্যা এটি প্রথম উপযুক্ত ব্রাউজার সংস্করণকে নির্দেশ করে

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

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

HTML5 Canvas রেফারেন্স ম্যানুয়েল