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

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

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

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

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

مثال

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

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

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

به طور مستقیم امتحان کنید

زبان

متن.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> پشتیبانی نمی‌کنند.

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