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

Showing content from https://webplatform.github.io/docs/apis/canvas/CanvasRenderingContext2D/textBaseline below:

textBaseline · WebPlatform Docs

Returns or sets the baseline value. See return value description below.

Property of apis/canvas/CanvasRenderingContext2Dapis/canvas/CanvasRenderingContext2D

var result = CanvasRenderingContext2D.textBaseline;
CanvasRenderingContext2D.textBaseline = value;

Returns an object of type StringString

Must be one of the following:

• “top” - The top of the em square
• “hanging” - The hanging baseline
• “middle” - The middle of the em square
• “alphabetic” - The alphabetic baseline (default)
• “ideographic” - The ideographic baseline
• “bottom” - The bottom of the em square

<canvas id="myCanvas" width="400" height="150" style="border:1px solid blue;"></canvas>
<p>. . .</p>
<script>
var can=document.getElementById("myCanvas");
var ctxt=can.getContext("2d");

ctxt.strokeStyle="green";
ctxt.moveTo(0,75);
ctxt.lineTo(400,75);
ctxt.stroke();

ctxt.font="16px Arial"

ctxt.textBaseline="top";
ctxt.fillText("TOP",5,75);
ctxt.textBaseline="bottom";
ctxt.fillText("BOTTOM",50,75);
ctxt.textBaseline="middle";
ctxt.fillText("MIDDLE",120,75);
ctxt.textBaseline="alphabetic";
ctxt.fillText("ALPHABETIC",190,75);
ctxt.textBaseline="hanging";
ctxt.fillText("HANGING",290,75);
</script>

W3C HTML Canvas 2D Specification

W3C Candidate Recommendation

• Microsoft Developer Network: Windows Internet Explorer API reference Article

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