Canvas lineTo() మార్గం
నిర్వచనం మరియు ఉపయోగం
lineTo() ఒక కొత్త పాయింట్ను చేర్చండి మరియు ఆ పాయింట్ నుండి చివరి పాయింట్లోకి రేఖను సృష్టించండి (ఈ మార్గం రేఖను సృష్టించదు).
సూచన:ఉపయోగించండి stroke() కాన్వెస్ పైన ఖచ్చితమైన పథాన్ని చేర్చటానికి మార్గాన్ని చేర్చండి.
ఉదాహరణ
ఉదాహరణ 1
ఒక పథాన్ని ప్రారంభించండి మరియు 0,0 స్థానానికి కదిలి. 300,150 స్థానానికి చేరువ ఒక రేఖను సృష్టించండి:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();
సూచన:పేజీ తలలో మరిన్ని ఉదాహరణలు మద్దతు ఇవ్వబడింది.
సంకేతం
context.lineTo(x,y);
పరిమాణం విలువ
| పరిమాణం | వివరణ |
|---|---|
| x | పథం లక్ష్యంగా ఉన్న యొక్క x అక్షం సవరించండి. |
| y | పథం లక్ష్యంగా ఉన్న యొక్క y అక్షం సవరించండి. |
మరిన్ని ఉదాహరణలు
ఉదాహరణ 2
ఒక పథంను చేర్చండి మరియు ఆకృతిని L అక్షరంగా చేయండి:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.stroke();
బ్రౌజర్ మద్దతు
ఈ పట్టికలో పేర్కొన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ను చూపుతాయి.
| చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
|---|---|---|---|---|
| చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
పేర్కొనుట:ఇంటర్నెట్ ఎక్స్ప్లోరర్ 8 మరియు అది ముంది వెర్షన్లు <canvas> కంపొనెంట్ నిర్వహించలేదు.
