Najnowsze tutoriale tworzenie stron internetowych

×

JavaScript Odniesienie

JavaScript

JS Strunowy JS Numer JS operatorzy JS Sprawozdania JS Matematyka JS Data JS Szyk JS Boolean JS RegExp JS Światowy JS Konwersja

Przeglądarka BOM

Window Navigator Screen History Location

HTML DOM

DOM Dokument DOM Elementy DOM Atrybuty DOM Wydarzenia DOM Styl

HTML Przedmioty

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Inne obiekty

CSSStyleDeclaration

HTML canvas measureText() Method

<Płótno Przedmiot

Przykład

Sprawdź szerokość tekstu, przed zapisaniem go na płótnie:

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);

Wsparcie przeglądarka

Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje metodę.

metoda
measureText()	4.0	9.0	3.6	4.0	10,1

Definicja i Wykorzystanie

measureText() sposób wraca do obiektu, który zawiera szerokość danego tekstu w pikselach.

Tip: Użyj tej metody, jeśli chcesz wiedzieć, szerokość tekstu, przed zapisaniem go na płótnie.

Składnia JavaScript:	context . measureText( text ) .width;

wartości parametrów

Parametr	Opis	Graj
text	Tekst mierzone	Graj "

<Płótno Przedmiot