A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://webplatform.github.io/docs/apis/canvas/TextMetrics/measureText below:

measureText ยท WebPlatform Docs

measureText Summary

Returns a TextMetrics object that contains the width of the specified text.

Method of apis/canvas/TextMetricsapis/canvas/TextMetrics

Syntax
var object = TextMetrics.measureText(text);
Parameters text
Data-type
String

The text to measure.

Return Value

Returns an object of type DOM NodeDOM Node

ICanvasTextMetrics: The width of the text, in CSS pixels.

Examples
<canvas id="myCanvas" width="300" height="150" style="border:1px solid blue;"></canvas>
<p>. . .</p>
<script>
var can = document.getElementById("myCanvas");
var ctxt = can.getContext("2d");
ctxt.font = "24px Arial";
var txt = "Hello world!"
ctxt.fillText(txt, 10, 75);
var mets = ctxt.measureText(txt);
alert("measureText: " + mets);

</script>
Usage
 Use measureText on the canvas context. An example can be found on the main object page TextMetrics
Related specifications
W3C HTML Canvas 2D Specification
W3C Candidate Recommendation
Attributions

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4