ایچ تی ایم ال کانواس کورو

ਇੰਟਰੇਸਟਿੰਗ

ਤੁਹਾਡਾ ਬਰਾਉਜ਼ਰ HTML5 ਕੈਨਵਾਸ ਟੈਗ ਨੂੰ ਸਮਰਥਨ ਨਹੀਂ ਦਿੰਦਾ ਹੈ。
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(100, 50, 50, 0, Math.PI);
ctx.stroke();

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

arc() ਮੇਥੋਡ

ਕੁਵਾਰੂ ਇੱਕ ਹਿੱਸੇਦਾਰ ਰਚਬ ਹੈ ਅਤੇ ਕੇਂਦਰ ਦੀ ਨਿਰਦੇਸ਼ਾਂ ਅਤੇ ਵਿਆਸ ਨਾਲ ਨਿਰਧਾਰਿਤ ਹੁੰਦਾ ਹੈ:

Arc Angles

Canvas ਕੁਵਾਰੂ ਦਰਸਾਉਣ

ਕੈਨਵਾਸ ਵਿੱਚ ਪਥ ਦੀ ਮਦਦ ਨਾਲ ਕੁਵਾਰੂ ਦਰਸਾਉਣ ਲਈ ਉਪਯੋਗ ਕਰੋ:

ਮੇਥੋਡ ਵਰਣਨ ਚਿੰਨ੍ਹਿਤ ਕਰੋ
beginPath() ਇੱਕ ਪਥ ਸ਼ੁਰੂ ਕਰੋ。 ਨਹੀਂ
arc() ਕੁਵਾਰੂ ਨਿਰਧਾਰਿਤ ਕਰੋ。 ਨਹੀਂ
stroke() ਚਿੰਨ੍ਹਿਤ ਕਰੋ。 ਹਾਂ

ਕੈਨਵਾਸ 'ਤੇ ਰਚਬ ਦਰਸਾਉਣ ਲਈ ਨਿਮਨ ਮੇਥੋਡ ਦੇ ਉਪਯੋਗ ਕਰੋ:

  • beginPath() - ਪਥ ਸ਼ੁਰੂ ਕਰੋ
  • arc(x,y,r,start,end) - ਰਚਬ ਨਿਰਧਾਰਿਤ ਕਰੋ
  • stroke() - ਚਿੰਨ੍ਹਿਤ ਕਰੋ

arc(x,y,r,start,end) - ਹਿੱਸੇਦਾਰ (ਕੁਵਾਰੂ) ਬਣਾਓ。

ਰਚਬ ਬਣਾਉਣ ਲਈ, ਸ਼ੁਰੂਆਤੀ ਕੋਣ ਨੂੰ 0 ਅਤੇ ਸਮਾਪਤ ਕੋਣ ਨੂੰ 2 * Math.PI ਸੈਟ ਕਰੋ。

x ਅਤੇ y ਪੈਰਾਮੀਟਰ ਰਚਬ ਦੇ ਕੇਂਦਰ ਦੀ ਨਿਰਦੇਸ਼ਾਂ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦੇ ਹਨ。

r ਪੈਰਾਮੀਟਰ ਰਚਬ ਦੇ ਵਿਆਸ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ。

دوسرے مراجع دیکھئے:

کدوو3 سی کام پک کا پورا کانواس مراجع