Canvas textAlign స్పందనం

Canvas సంప్రదింపులు

నిర్వచనం మరియు వినియోగం

textAlign అనుబంధం ఆధారంగా పాఠం యొక్క ప్రస్తుత అనుకూలీకరణ మొదలుపెడతారు లేదా తిరిగి పొందుతారు.

సాధారణంగా, వచనం నిర్దేశించిన స్థానంలో ప్రారంభం అవుతుంది, కానీ, textAlign="right" అని సెట్ చేసినప్పుడు మరియు వచనాన్ని 150 స్థానంలో ఉంచినప్పుడు, అది 150 స్థానంలో ముగుస్తుంది.

సూచన:ఉపయోగించండి fillText() లేదా strokeText() మెఘదుర్గం నిర్దిష్టంగా చిత్రంలో దృశ్యంలో నిర్దేశించబడింది.

ఉదాహరణ

150 స్థానంలో ఎరుపు రేఖను సృష్టించండి. 150 స్థానం 150 స్థానంలో నిర్దేశించిన అన్ని వచనాలకు అంకురం. ప్రతి ఒక్క textAlign విలువను అధ్యయనం చేయండి:

మీ బ్రౌజర్ కాన్వాస్ టాగ్‌ను మద్దతు చేయలేదు.

జావాస్క్రిప్ట్:

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);

స్వయంగా ప్రయత్నించండి

సంకేతాలు

కాంటెక్స్.textAlign="center|end|left|right|start";

అమరిక విలువ

విలువ వివరణ
ప్రారంభం అప్రమేయం. వచనం నిర్దేశించిన స్థానంలో ప్రారంభం అవుతుంది.
ముగింపు వచనం నిర్దేశించిన స్థానంలో ముగుస్తుంది.
కేంద్రం వచనం నిర్దేశించిన స్థానంలో కేంద్రీకృతంగా ఉంచబడుతుంది.
ఎడమ వచనం ఎడమ భాగాన్ని ప్రదర్శించండి.
కుడి వచనం కుడి భాగాన్ని ప్రదర్శించండి.

సాంకేతిక వివరాలు

అప్రమేయం: ప్రారంభం

బ్రౌజర్ మద్దతు

ఈ పట్టికలో గాయం ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ నమూనాలు పేర్కొనబడినవి.

చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
4.0 9.0 3.6 4.0 10.1

పేర్కొనున్న విషయం:ఐన్టర్నెట్ ఎక్స్ప్లోరర్ 8 మరియు ఆధికారిక వెర్షన్లు <canvas> కొడ్డు అనువర్తనం కలిగి లేదు.

Canvas సంప్రదింపులు