tutorial pengembangan web terbaru
 

HTML canvas measureText() Method

<HTML Canvas Referensi

Contoh

Periksa lebar teks, sebelum menulis itu di kanvas:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

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);
Cobalah sendiri "

Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung metode ini.

metode
measureText() iya nih 9.0 iya nih iya nih iya nih

Definisi dan Penggunaan

The measureText() metode mengembalikan sebuah objek yang berisi lebar teks yang ditentukan, dalam piksel.

Tip: Gunakan metode ini jika Anda perlu tahu lebar teks, sebelum menulis itu di kanvas.

sintaks JavaScript: context.measureText(text).width;

Nilai parameter

Parameter Deskripsi Mainkan
text teks yang akan diukur Mainkan "

<HTML Canvas Referensi