Canvas measureText() পদ্ধতি

সংজ্ঞা ও ব্যবহার

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

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

উদাহরণ

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

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

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";

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> উপাদানটি সমর্থন করে না。