مثال
تحقق من عرض النص، قبل كتابة على القماش:
جافا سكريبت:
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() | 4.0 | تسعة | 3.6 | 4.0 | 10.1 |
تعريف والاستخدام
و measureText() الأسلوب بإرجاع كائن يحتوي على عرض النص المحدد، بالبكسل.
Tip: استخدم هذا الأسلوب إذا كنت بحاجة إلى معرفة عرض النص، قبل كتابة على القماش.
| جافا سكريبت بناء الجملة: | context . measureText( text ) .width. |
|---|
قيم معلمة
| معامل | وصف | العبها |
|---|---|---|
| text | النص المراد قياسها | العبها " |
<كائن قماش