Bepul Rasm Kesuvchi

Rasmlarni sudrab tanlash, ixtiyoriy nisbat cheklovlari (1:1, 16:9, 4:3 va boshqalar), uchdan bir qoida to'ri va ko'p formatli eksport (JPEG, PNG, WebP) bilan kesing.

Yuklangandan keyin oflayn ishlaydi

Fayllarni shu yerga tashlang yoki ko'rish uchun bosing

JPG, PNG, WebP, HEIC, HEIF · Fayl hajmi cheklovsiz

yoki buferdan joylash uchun Ctrl+V bosing

Fayllarni ko'rish

Maslahat: Ctrl+V bilan skrinshot joylashtirsangiz bo'ladi

Fayllaringiz qurilmangizdan hech qachon chiqmaydi. Barcha ishlov berish brauzeringizda mahalliy tarzda amalga oshiriladi.

Qanday ishlaydi

Kesish to'liq brauzeringizda HTML5 Canvas API yordamida sodir bo'ladi — yuklash yo'q, server yo'q. Siz kanvas elementida to'g'ridan-to'g'ri tanlash mintaqasini sudrasiz, kesishni qo'llaganingizda esa brauzerning o'rnatilgan 2D ko'rsatish dvigateli faqat tanlangan piksellarni o'qiydi va ularni JPEG, PNG yoki WebP'ga qayta kodlaydi.

  1. 1
    Rasm xotiraga yuklandi
    Faylingiz URL.createObjectURL() bilan o'qiladi, bu brauzerga mahalliy blob URL beradi. HTMLImageElement faylni to'liq brauzer yorlig'ida dekodlaydi — rasm baytlari hech qachon qurilmangizdan chiqmaydi.
  2. 2
    Pointer Events kesish tanlovini boshqaradi
    Brauzerning Pointer Events API'si (sichqoncha, tegish va qalam kiritishlarini birlashtiruvchi) kanvas qoplamasida sudralishlarni kuzatadi. Tanlash tashqarisini bosish yangi to'rtburchak boshlaydi; ichida bosish uni ko'chiradi; pastki-o'ng burchak yaqinida bosish o'lchamini o'zgartiradi. Ixtiyoriy tomonlar-nisbati tayyor sozlamalari (1:1, 16:9, 4:3 va h.k.) sudrash davomida geometriyani cheklaydi.
  3. 3
    Canvas jonli ko'rib chiqishni chizadi
    Har bir kesish o'zgarishida, Canvas 2D konteksti rasmni qayta chizadi, tanlash tashqarisiga qorong'i qoplama qo'llaydi, kesish mintaqasini to'liq aniqlikda asl rasmni ko'rsatish uchun tozalaydi va uchdan-bir qoidasi to'rini va yashil o'lcham o'zgartirish tutqichini ustiga chizadi.
  4. 4
    toBlob() natijani kodlaydi va yetkazadi
    Kesish tugmasini bosganingizda, aniq kesish o'lchamlarida yangi ekrandan tashqari kanvas yaratiladi. ctx.drawImage() faqat tanlangan to'rtburchakni nusxalaydi, canvas.toBlob() esa natijani brauzerning mahalliy JPEG, PNG yoki WebP kodlagichi bilan tanlagan sifat sozlamangizda kodlaydi. Chiqish yuklab olish uchun mahalliy blob URL sifatida qaytariladi.

Rasmingiz mahalliy blob URL sifatida ochiladi va to'liq brauzer yorlig'ingiz ichida qayta ishlanadi — hech qanday bosqichda hech narsa hech qanday serverga yuklanmaydi.

Tegishli asboblar

Ko'p so'raladigan savollar