English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
يستخدم طريقة measureText() ملف TextMetrics الذي يحتوي على معلومات حول النص المقياس (مثل عرضه).
قبل كتابة النص على اللوحة، يرجى التحقق من عرض النص:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>استخدام طريقة measureText() في HTML canvas - تعليمية الأساس (oldtoolbag.com)</title>
</head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
عليك متصفحك يدعم علامة HTML5 canvas
</canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.font = "30px Arial";
var txt = "基础教程oldtoolbag.com"
ctx.fillText("عرض:" + ctx.measureText(txt).width, 10, 50)
ctx.fillText(txt, 10, 100);
</script>
</body>
</html>الاختبار لمعرفة ‹/›IEFirefoxOperaChromeSafari
يدعم Internet Explorer 9،Firefox،Opera،Chrome وSafari method measureText() الطريقة.
ملاحظة:Internet Explorer 8 وأقل لا يدعم عنصر <canvas>.
يستخدم method measureText() ملفًا يحتوي على عرض النص المحدد (بأبعاد البكسل).
إشارة إلىإذا كنت بحاجة إلى معرفة عرض النص قبل إدخاله إلى الرسام، فيرجى استخدام هذه الطريقة.
| قواعد اللغة الجافا سكربت: | سياق.measureText(text).width; |
|---|
| الم 参数 | الوصف |
|---|---|
| text | النص الذي سيتم قياسه. |