مетод measureText() کانواس HTML

دستورالعمل‌های HTML5 Canvas

تعریف و استفاده

measureText() این روش یک شیء را بازمی‌گرداند که شامل عرض فونت مشخص شده به پیکسل می‌شود.

توجه داشته باشید:اگر می‌خواهید قبل از نوشتن متن بر روی کانواس، عرض متن را بدانید، از این روش استفاده کنید.

مثال

قبل از نوشتن متن بر روی کانواس، عرض فونت را بررسی کنید:

موزایک مرورگر شما از تگ کانواس HTML5 پشتیبانی نمی‌کند.

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

نکته:اینترنت اکسپلورر 8 و نسخه‌های پیشین از <canvas> را پشتیبانی نمی‌کنند.

دستورالعمل‌های HTML5 Canvas