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

ਉਦਾਹਰਣ

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

ਆਪਣੇ ਆਪ ਨੂੰ ਪ੍ਰਯੋਗ ਕਰੋ

ਗੋਲਾ ਦਰਸਾਉਣ

ਕੈਂਵਾਸ 'ਤੇ ਗੋਲਾ ਦਰਸਾਉਣ ਲਈ ਹੇਠ ਲਿਖੇ ਤਰੀਕੇ ਵਰਤੋਂ ਕਰੋ:

  • beginPath() - ਪਥ ਸ਼ੁਰੂ ਕਰੋ
  • arc(x,y,r,start,end) - ਗੋਲਾ ਨਿਰਧਾਰਿਤ ਕਰੋ
  • stroke() - ਦਰਸਾਉਣ

arc(x,y,r,start,end) - ਗੋਲਾ (ਕ੍ਰਮਵਾਧੀ ਕ੍ਰਮ) ਬਣਾਉਣ

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

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

آر پارامٹر کا مطلب ہے کہ دائرے کی رینج

مزید دیکھئے:

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