HTML کینووس closePath() کمپوننٹ
تعریف و کاربرد
closePath() کمپوننٹ استفادہ کریں تاکہ سمت سے نقطہ شروع بکشید.
تذکر:استفادہ کریں: stroke() کمپوننٹ استفادہ کریں تاکہ کینووس پر دقت سے راستہ بکشید.
تذکر:استفادہ کریں: fill() کمپوننٹ استفادہ کریں تاکہ تصویر کو پُلنگ کریں (مقابلہ رنگ سیاه ہوتا ہے). لطفاً استفادہ کریں: fillStyle کمپوننٹ استفادہ کریں تاکہ دوسرے رنگ یا گریدینت کو پُلنگ کریں.
مثال
مثال 1
ایک راستہ بکشید، شکل حرف L میباشد، سپس خطوط بکشید تا نقطه شروع برگردید:
جاوا اسکریپت:
var سی سی ڈاکیمنٹ ڈاکیمنٹ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();
تذکر:صفحه پایین بیش از بیشتر مثال فراهم میکند.
گرامر
کنٹیکس کلووزپت();
بھی کئی مثال
مثال 2
سبز کو پُلنگ رنگ کے طور پر استعمال کریں:
جاوا اسکریپت:
var سی سی ڈاکیمنٹ ڈاکیمنٹ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 و نسخههای قبلی از تگ <canvas> را پشتیبانی نمیکنند.
