clearRect()
Canvas clearRect() metodi
Misol
Canvas’dagi to‘rtburchakni tozalang:
JavaScript:
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.fillStyle = "red";
ctx.fillRect(20, 20, 200, 100);
ctx.clearRect(40, 40, 50, 50);
O‘zingiz sinab ko‘ring »
Tavsif
clearRect() metodi canvas’dagi belgilangan piksellarni tozalaydi.
clearRect() metodi joriy yo‘lni (path) o‘zgartirmaydi.
Tozalangan maydon shaffof rgba(0,0,0,0) rangga o‘rnatiladi.
Eslatma
clearRect() dan keyin chizishdan oldin har doim beginPath() ni chaqiring.
Shuningdek qarang:
fillStyle xususiyati (to‘ldirish rangi yoki naqshini o‘rnatish)
fillRect() metodi (to‘ldirilgan to‘rtburchak chizish)
strokeRect() metodi (to‘rtburchak chizish)
rect() metodi (yo‘lga to‘rtburchak qo‘shish)
Sintaksis
| context.clearRect(x, y, width, height) |
Parametr qiymatlari
| Parametr | Tavsif | Sinab ko‘rish |
|---|---|---|
| x | To‘rtburchak yuqori chap burchagining x koordinatasi | Sinab ko‘rish » |
| y | To‘rtburchak yuqori chap burchagining y koordinatasi | Sinab ko‘rish » |
| width | Tozalanadigan to‘rtburchakning piksellardagi kengligi | Sinab ko‘rish » |
| height | Tozalanadigan to‘rtburchakning piksellardagi balandligi | Sinab ko‘rish » |
Qaytariladigan qiymat
| YO‘Q |
Brauzerlarda qo‘llab-quvvatlash
<canvas> elementi HTML5 standartidir (2014).
clearRect() 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!