طريقة Canvas measureText()
تعريف واستخدام
measureText() يستعيد الطريقة دالة تحتوي على عنصر يحتوي على عرض النص المحدد بالبكسل.
إشارة:إذا كنت بحاجة إلى معرفة عرض النص قبل كتابته على اللوحة، فاستخدم هذه الطريقة.
مثال
قبل كتابة النص على اللوحة، تأكد من عرض النص:
جافا سكريبت:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
var txt="Hello World"
ctx.fillText("عرض:" + 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>.
