এইচটিএমএল ক্যানভাস measureText() পদ্ধতি

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

অর্থ ও ব্যবহার

measureText() এই পদ্ধতি একটি অবজেক্ট ফিরায়, যা পিক্সেলে একটি নির্দিষ্ট ফন্টের প্রশস্ততা ধারণ করে。

সূচনা:আপনি যদি টেক্সটকে ক্যানভাসে প্রদর্শন করা আগেই তার প্রশস্ততা জানতে চান, তবে এই পদ্ধতিটি ব্যবহার করুন。

প্রয়োগ

ক্যানভাসের উপর টেক্সট প্রদর্শন করা আগে, ফন্টের প্রশস্ততা পরীক্ষা করুন:

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

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
var txt="Hello World"
ctx.fillText("width:" + ctx.measureText(txt).width,10,50)
ctx.fillText(txt,10,100);

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

সংজ্ঞা

context.measureText(text).width;

পারামিটার মান

পারামিটার বর্ণনা
text পরীক্ষা করার লেখা

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

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

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

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