closePath()
Canvas closePath() metodi
Misol
L harfi shaklidagi yo‘l chizing va yo‘lni boshlang‘ich nuqtaga qaytuvchi chiziq bilan yoping:
JavaScript:
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.moveTo(20, 20);
ctx.lineTo(20, 100);
ctx.lineTo(70, 100);
ctx.closePath();
ctx.stroke();
O‘zingiz sinab ko‘ring »
Tavsif
closePath() metodi joriy nuqtadan boshlang‘ich nuqtaga qaytuvchi yo‘l yaratadi.
Yo‘lni chizish uchun stroke() yoki fill() metodidan foydalaning.
Shuningdek qarang:
beginPath() metodi (yangi yo‘l boshlash)
moveTo() metodi (yo‘lni nuqtaga ko‘chirish)
lineTo() metodi (yo‘lga chiziq qo‘shish)
fill() metodi (joriy yo‘lni to‘ldirish)
stroke() metodi (joriy yo‘lni chizish)
Sintaksis
| context.closePath() |
Parametrlar
| Yo‘q |
Qaytariladigan qiymat
| Yo‘q |
Ko‘proq misollar
Misol
Yo‘lni qora rang bilan to‘ldiring:
JavaScript:
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.moveTo(20, 20);
ctx.lineTo(20, 100);
ctx.lineTo(70, 100);
ctx.closePath();
ctx.stroke();
O‘zingiz sinab ko‘ring »
Misol
Yo‘lni qizil rang bilan to‘ldiring:
JavaScript:
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.moveTo(20, 20);
ctx.lineTo(20, 100);
ctx.lineTo(70, 100);
ctx.closePath();
ctx.fillStyle = "red";
ctx.fill();
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
<canvas> elementi HTML5 standartidir (2014).
closePath() barcha zamonaviy brauzerlarda qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | 9-11 |
❮ HTML Canvas ma’lumotnomasi
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!