Canvas textAlign kipua

Makala ya Canvas

Mifano na matumizi

textAlign Mwendo wa mafuta inayofanywa kwa kina, kwenyea au kurejea ujumbe wa siku hiyo huzingatia.

通常，文本会从指定位置开始，不过，如果您设置为 textAlign="right" 并将文本放置到位置 150，那么会在位置 150 结束。

提示：使用 fillText() 或 strokeText() 方法在实际地在画布上绘制并定位文本。

实例

在位置 150 创建一条红线。位置 150 是下面例子中定义的所有文本的锚点。请研究每种 textAlign 属性值的效果：

Kampuni yako ya intaneti hauzungumza kifungu cha canvas.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
// Kuanzia nafasi 150 kuanza mabara ya kijani
ctx.strokeStyle="blue";
ctx.moveTo(150,20);
ctx.lineTo(150,170);
ctx.stroke();
ctx.font="15px Arial";
// Onyesha thamani mbalimbali ya textAlign
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);

Jifunze tena

taratibu

mazingira.textAlign="center|end|left|right|start";

thamani ya sababu

thamani kutaja
start waathirika kwa msingi. Maandiko yanaingizwa kwenye nafasi ya kusababishwa
end Maandiko yanaingizwa kwenye nafasi ya kusababishwa
kati Kitu cha kati cha maandiko kinasababishwa kuingizwa kwenye nafasi ya kusababishwa
kushoto Matukio ya maandiko yanaingizwa kushoto
kushoto Matukio ya maandiko yanaingizwa kushoto

madahara ya kidhamani

waathirika kwa msingi start

Mwongozo wa kina

Inaonyesha vyenginevu vya kwanza vya kusukuma kwa sababu ya kina kwenye tabia hii.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Kweli:Internet Explorer 8 na vyenginevu vya awali hawakubali elementi ya <canvas>.

Makala ya Canvas