دروس سفارش:

کانواس closePath() طریقہ استعمال

تعریف اور استعمال closePath()

پیشکش:پلان پر دقت کریں، جس سے کانواس پر دقت سے راستہ بکشائیں. طرز استعمال کا طریقہ استعمال کریں جس سے پچھلے نقطے سے راستہ بکشائیں. stroke()

پیشکش:پلان پر دقت کریں، جس سے کانواس پر دقت سے راستہ بکشائیں. fill() تصویر پر پُر کرنے کا طریقہ استعمال کریں (معمولی طور پر کالا رنگ ہوتا ہے) پلان کا استعمال کریں. fillStyle ایک رنگ یا گرینڈیئنٹ کی طرح پر دوسرے رنگ کی طرح پر پُر کرنے کا استعمال کریں.

مثال

مثال 1

ایک راستہ بکشائیں، جس کی شکل حرف ایس کی طرح ہو، اور پچھلے نقطے تک واپس واپس بکشائیں:

آپ کا بیلبرس HTML5 کانواس تگ کو نہیں مددگار ہے.

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.closePath();
ctx.stroke();

خود سے تجربہ کریں

پیشکش:پائین پینج کی نمائش میں بھی اور مثال دستیاب ہیں.

لغت نامه

context.closePath();

بھی اور مثال

مثال 2

سبز رنگ کو پُرنگ کی رنگ کی طرح بنا دیں:

آپ کا بیلبرس HTML5 کانواس تگ کو نہیں مددگار ہے.

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.closePath();
ctx.stroke();
ctx.fillStyle="green";
ctx.fill();

خود سے تجربہ کریں

بیلبرس کی حمایت

تبلیغات می‌زنید کہ پورا بیلبرس کا پہلا ورژن اس کی نمائش کا حامل ہے。

کروم ایج فائر فاکس سافری آپرا
کروم ایج فائر فاکس سافری آپرا
4.0 9.0 3.6 4.0 10.1

نوٹ:اینٹرنیٹ ایکسپلورر 8 اور اس سے پہلے کی نسلیں <کینووس> علامت کو نہیں مدد فراہم کرتی ہیں。