Canvas textAlign 属性

Canvas ਸੰਦਰਭ ਪੁਸਤਕ

定义和用法

textAlign 属性的当前对齐方式根据锚点设置或返回文本内容。

ਆਮ ਤੌਰ 'ਤੇ ਲੇਖ ਸਥਿਤ ਸਥਾਨ ਵਿੱਚ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ ਪਰ ਜੇਕਰ ਤੁਸੀਂ textAlign="right" ਸੈਟ ਕੀਤਾ ਹੈ ਅਤੇ ਲੇਖ ਨੂੰ ਸਥਾਨ 150 ਵਿੱਚ ਰੱਖਿਆ ਹੈ ਤਾਂ ਉਹ ਸਥਾਨ 150 ਵਿੱਚ ਮੁਕੰਮਲ ਹੋ ਜਾਵੇਗਾ।

ਸੁਝਾਅ:ਦੀ ਵਰਤੋਂ ਕਰਕੇ fillText() ਜਾਂ strokeText() ਮੰਥਨ ਵਿੱਚ ਮੰਥਨ ਦਾ ਪ੍ਰਕਿਰਿਆ ਵਿੱਚ ਲੇਖ ਦਰਸਾਇਆ ਗਿਆ ਹੈ ਅਤੇ ਸਥਾਨਿਤ ਕੀਤਾ ਗਿਆ ਹੈ。

ਉਦਾਹਰਣ

150 ਸਥਾਨ ਵਿੱਚ ਲਾਲ ਰੰਗ ਦੀ ਲਾਈਨ ਬਣਾਈ ਗਈ ਹੈ।ਸਥਾਨ 150 ਹੇਠ ਦਿੱਤੇ ਉਦਾਹਰਣ ਵਿੱਚ ਸਾਰੇ ਲੇਖਾਂ ਦਾ ਬਾਂਧਕ ਹੈ।ਵੱਖ-ਵੱਖ textAlign ਮੁੱਲਾਂ ਦੇ ਪ੍ਰਭਾਵ ਨੂੰ ਜਾਂਚ ਕਰੋ:

ਤੁਹਾਡਾ ਬਰਾਉਜ਼ਰ canvas ਟੈਗ ਨਹੀਂ ਸਮਰਥਨ ਕਰਦਾ ਹੈ。

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
// 150 ਸਥਾਨ ਵਿੱਚ ਨੀਲੇ ਰੰਗ ਦੀ ਲਾਈਨ ਬਣਾਈ ਗਈ ਹੈ
ctx.strokeStyle="blue";
ctx.moveTo(150,20);
ctx.lineTo(150,170);
ctx.stroke();
ctx.font="15px Arial";
// ਵੱਖ-ਵੱਖ 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);

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਵਿਧੀ

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

ਵਿਸ਼ੇ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
start ਮੂਲ ਮੁੱਲ: ਲੇਖ ਸਥਿਤ ਸਥਾਨ ਵਿੱਚ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ。
end ਲੇਖ ਸਥਿਤ ਸਥਾਨ ਵਿੱਚ ਮੁਕੰਮਲ ਹੋ ਗਿਆ ਹੈ。
center ਲੇਖ ਦਾ ਕੇਂਦਰ ਸਥਿਤ ਸਥਾਨ ਵਿੱਚ ਜਮ੍ਹਾ ਰੱਖਿਆ ਗਿਆ ਹੈ。
left ਲੇਖ ਦਾ ਸੱਜੇ ਪਾਸੇ ਜਮ੍ਹਾ ਰੱਖਿਆ ਗਿਆ ਹੈ。
right ਲੇਖ ਦਾ ਮੱਧਮ ਪਾਸੇ ਜਮ੍ਹਾ ਰੱਖਿਆ ਗਿਆ ਹੈ。

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲ ਮੁੱਲ: start

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਇਸ ਤਾਲਿਕੇ ਵਿੱਚ ਸਭ ਤੋਂ ਪਹਿਲਾਂ ਇਸ ਗੁਣ ਨੂੰ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਬਰਾਉਜ਼ਰ ਦੀ ਸੰਸਕਰਣ ਸੂਚੀ ਦਿੱਤੀ ਗਈ ਹੈ。

ਚਾਰੋਕੇ ਐਜ਼ਰ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਚਾਰੋਕੇ ਐਜ਼ਰ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
4.0 9.0 3.6 4.0 10.1

ਟਿੱਪਣੀਆਂ:Internet Explorer 8 ਅਤੇ ਛੋਟੇ ਤੋਂ ਵੱਡੇ ਸੰਸਕਰਣਾਂ ਨੇ <canvas> ਇਲੈਕਟ੍ਰੌਨਿਕ ਤੰਤਰ ਨਹੀਂ ਸਮਰਥਿਤ ਕੀਤਾ ਹੈ。

Canvas ਸੰਦਰਭ ਪੁਸਤਕ