實例

在位置 150 創建一條紅線。位置 150 是下面實例中定義的所有文本的錨點。請研究每種 textAlign 屬性值的效果：

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript：

var c=document.getElementById("myCanvas");

var ctx=c.getContext("2d");

// Create a red line in position 150

ctx.strokeStyle="red";

ctx.moveTo(150,20);

ctx.lineTo(150,170);

ctx.stroke();

ctx.font="15px Arial";

// Show the different textAlign values

ctx.textAlign="start";

ctx.fillText("textAlign=start",150,60);

ctx.textAlign="end";

ctx.fillText("textAlign=end",150,80);

ctx.textAlign="left";

ctx.fillText("textAlign=left",150,100);

ctx.textAlign="center";

ctx.fillText("textAlign=center",150,120);

ctx.textAlign="right";

ctx.fillText("textAlign=right",150,140);

嘗試一下 ?

總結

以上是生活随笔為你收集整理的html text align属性,HTML canvas的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。