HTML canvas arcTo() ਮੈਥਡ

HTML5 Canvas ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

arcTo() ਕੈਂਵਾਸ 'ਤੇ ਦੋ ਪਾਰਸੋਲ ਦਰਮਿਆਨ ਦਾ ਚੱਕਰ/ਗੁੰਮੀ ਬਣਾਉਣ ਦਾ ਤਰੀਕਾ.

ਸੁਝਾਅ:ਇਹ ਵਰਤੋਂ ਕਰੋ: stroke() ਕੈਂਵਾਸ 'ਤੇ ਸਹੀ ਚੱਕਰ ਬਣਾਉਣ ਦਾ ਤਰੀਕਾ.

ਉਦਾਹਰਣ

ਕੈਂਵਾਸ 'ਤੇ ਦੋ ਪਾਰਸੋਲ ਦਰਮਿਆਨ ਦਾ ਚੱਕਰ ਬਣਾਉਣਾ:

ਤੁਹਾਡਾ ਬਰਾਉਜ਼ਰ HTML5 ਕੈਂਵਾਸ ਟੈਗ ਨੂੰ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦਾ.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.beginPath();
ctx.moveTo(20,20);           // ਸ਼ੁਰੂ ਸਥਾਨ ਬਣਾਉਣਾ
ctx.lineTo(100,20);          // ਸਮਾਨਤਾ ਲਾਈਨ ਬਣਾਉਣਾ
ctx.arcTo(150,20,150,70,50); // ਕਰਕਾਰ ਬਣਾਓ
ctx.lineTo(150,120);         // ਵਰਗਾਹੀ ਰੇਖਾ ਬਣਾਓ
ctx.stroke();                // ਚਿੱਤਰਨ ਕਰੋ

ਸਵੈ ਮੰਡਾਉਣ

ਵਿਚਾਰ

context.fillRect(x1,y1,x2,y2,r);

ਪੈਰਾਮੀਟਰ ਮੁੱਲ

ਪੈਰਾਮੀਟਰ ਵਰਣਨ
x1 ਕਰਕਾਰ ਦੀ ਸ਼ੁਰੂਆਤ ਦੇ x ਨਿਰਦੇਸ਼ਾਂ
y1 ਕਰਕਾਰ ਦੀ ਸ਼ੁਰੂਆਤ ਦੀ y ਨਿਰਦੇਸ਼ਾਂ
x2 ਕਰਕਾਰ ਦੇ ਅੰਤ ਦੇ x ਨਿਰਦੇਸ਼ਾਂ
y2 ਕਰਕਾਰ ਦੇ ਅੰਤ ਦੀ y ਨਿਰਦੇਸ਼ਾਂ
r ਕਰਕਾਰ ਦੀ ਰੇਖਾ

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

ਸਾਰੇ ਸਿਫਰ ਇਸ ਪ੍ਰਤਿਭਾ ਦਾ ਪਹਿਲਾ ਸਮਰਥਨ ਕਰਨ ਵਾਲਾ ਬਰਾਉਜ਼ਰ ਵਰਜਨ ਨੂੰ ਨੋਟ ਕਰਦੇ ਹਨ。

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

ਟਿੱਪਣੀਆਂ:Internet Explorer 8 ਅਤੇ ਪੁਰਾਣੇ ਸ਼ਾਮਿਲ ਹਨ <canvas> ਐਲੀਮੈਂਟ ਨਹੀਂ ਸਮਰਥਿਤ ਹੈ。

HTML5 Canvas ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ