putImageData()
Canvas putImageData() metodi
Misol
getImageData() yordamida to‘rtburchak uchun piksel ma’lumotlaridan nusxa oling. So‘ngra putImageData() yordamida rasm ma’lumotlarini canvas’ga qaytarib joylang:
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.fillStyle = "red";
ctx.fillRect(10, 10, 50, 50);
function copy() {
const imgData = ctx.getImageData(10, 10, 50, 50);
ctx.putImageData(imgData, 10, 70);
}
O‘zingiz sinab ko‘ring »
Tavsif
putImageData() metodi rasm ma’lumotlarini (belgilangan ImageData obyektidan) canvas’ga qaytarib joylaydi.
Sintaksis
| context.putImageData(imgData, x, y, dirtyX, dirtyY, dirtyWidth, dirtyHeight) |
Parametr qiymatlari
| Parametr | Tavsif |
|---|---|
| imgData | Kontekstga joylanadigan ImageData obyekti. |
| x | Rasmning piksellardagi x koordinatasi. |
| y | Rasmning piksellardagi y koordinatasi. |
| dirtyX | Ixtiyoriy. x koordinata. Standart: 0. |
| dirtyY | Ixtiyoriy. y koordinata. Standart: 0. |
| dirtyWidth | Ixtiyoriy. Kenglik. Standart: ajratib olingan rasmning kengligi. |
| dirtyHeight | Ixtiyoriy. Balandlik. Standart: ajratib olingan rasmning balandligi. |
Qaytariladigan qiymatlar
| YO‘Q |
Brauzerlarda qo‘llab-quvvatlash
<canvas> elementi HTML5 standartidir (2014).
putImageData() 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!