beginPath()
Canvas beginPath() metodi
Misol
Canvas’da bitta yashil va bitta binafsha rangli yo‘l chizing:
JavaScript:
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.strokeStyle = "green";
ctx.lineWidth = 5
// Begin a Path
ctx.beginPath();
ctx.moveTo(0, 75);
ctx.lineTo(250, 75);
// Draw the Path
ctx.stroke();
// Begin a new Path
ctx.beginPath();
ctx.strokeStyle = "purple";
ctx.moveTo(50, 0);
ctx.lineTo(150, 130);
// Draw the Path
ctx.stroke();
O‘zingiz sinab ko‘ring »
Tavsif
beginPath() metodi yangi yo‘l (path) boshlaydi yoki joriy yo‘lni qayta o‘rnatadi.
Shuningdek qarang:
closePath() metodi (joriy yo‘lni yopish)
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.beginPath() |
Parametrlar
| YO‘Q |
Qaytariladigan qiymat
| YO‘Q |
Brauzerlarda qo‘llab-quvvatlash
<canvas> elementi HTML5 standartidir (2014).
beginPath() barcha zamonaviy brauzerlarda qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | 9-11 |
❮ Canvas ma’lumotnomasi
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!