أحدث البرامج التعليمية وتطوير الشبكة
 

HTML canvas measureText() Method

<HTML قماش المرجعي

مثال

التحقق من عرض النص، قبل كتابة على القماش:

YourbrowserdoesnotsupporttheHTML5canvastag.

جافا سكريبت:

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() نعم فعلا تسعة نعم فعلا نعم فعلا نعم فعلا

تعريف واستخدام

و measureText() الأسلوب بإرجاع كائن يحتوي على عرض النص المحدد، في بكسل.

نصيحة: استخدم هذا الأسلوب إذا كنت بحاجة إلى معرفة عرض النص، قبل كتابة على القماش.

جافا سكريبت بناء الجملة: context.measureText(text).width;

قيم معلمة

معامل وصف العبها
text النص المراد قياسها العبها "

<HTML قماش المرجعي