HTML canvas beginPath() విధానం
నిర్వచనం మరియు ఉపయోగం
beginPath()
విధానం ఒక మార్గాన్ని ప్రారంభిస్తుంది లేదా ప్రస్తుత మార్గాన్ని పునఃస్థాపిస్తుంది.
సూచన:మార్గాలను సృష్టించడానికి ఈ విధానాలను ఉపయోగించండి: moveTo()、lineTo()、quadricCurveTo()、bezierCurveTo()、arcTo() మరియు arc()。
సూచన:ఈ విధానాన్ని ఉపయోగించండి stroke() కాన్వెస్ పైన ఖచ్చితమైన మార్గాన్ని దృశ్యం చేయు విధానం.
ఉదాహరణ
కాన్వెస్ పైన రెండు మార్గాలను దృశ్యం చేయండి; ఎరుపు మరియు నీలి:
JavaScript:
var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.beginPath(); ctx.lineWidth="5"; ctx.strokeStyle="red"; // ఎరుపు మార్గం ctx.moveTo(0,75); ctx.lineTo(250,75); ctx.stroke(); // చిత్రణను చేపట్టండి ctx.beginPath(); ctx.strokeStyle="blue"; // నీలి మార్గం ctx.moveTo(50,0); ctx.lineTo(150,130); ctx.stroke(); // చిత్రణను చేపట్టండి
సంకేతం
context.beginPath();
బ్రౌజర్ మద్దతు
పట్టికలో నంబర్స్ ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ను పేర్కొన్నారు.
చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
---|---|---|---|---|
చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
ప్రకటనలు:ఇంటర్నెట్ ఎక్స్ప్లోరర్ 8 మరియు అది ముంది వెర్షన్లు <canvas> ఎలిమెంట్ నిర్లక్ష్యం చేయబడింది.