HTML کینس measureText() میٹھد

دستورالعمل‌های 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