measureText()
Canvas measureText() metodi
Misol
Matnni canvas’ga yozishdan oldin uning kengligini tekshiring:
JavaScript:
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.font = "30px Arial";
let txt = "Hello World"
ctx.fillText("width:" + ctx.measureText(txt).width, 10, 50)
ctx.fillText(txt, 10, 100);
O‘zingiz sinab ko‘ring »
Shuningdek qarang:
font xususiyati (matn shrifti va o‘lchamini o‘rnatish)
fillStyle xususiyati (matn rangi/gradientini o‘rnatish)
textAlign xususiyati (matnni tekislashni o‘rnatish)
textBaseline xususiyati (matnning asosiy chizig‘ini o‘rnatish)
fillText() metodi (matnni chizish)
strokeText() metodi (matnni chizish)
Tavsif
measureText() metodi belgilangan matnning piksellardagi kengligini o‘z ichiga olgan obyektni qaytaradi.
Maslahat: Agar matnni canvas’ga yozishdan oldin uning kengligini bilishingiz kerak bo‘lsa, ushbu metoddan foydalaning.
| JavaScript sintaksisi: | context.measureText(text).width; |
|---|
Parametr qiymatlari
| Parametr | Tavsif | Sinab ko‘rish |
|---|---|---|
| text | O‘lchanadigan matn | Sinab ko‘rish » |
Brauzerlarda qo‘llab-quvvatlash
<canvas> elementi HTML5 standartidir (2014).
measureText() barcha zamonaviy brauzerlarda qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | 9-11 |
❮ Canvas ma’lumotnomasi
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!