Bepul Rasm Aylantirgich va Aylantirib Qo'yuvchi

Rasmlarni 90°, 180°, 270° yoki istalgan maxsus burchakka aylantiring. Gorizontal yoki vertikal aylantirib qo'ying. JPEG, PNG yoki WebP ga eksport qiling.

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

Bu yerda aylantirish, aylantirish (flip) va burchak tuzatish to'liq brauzeringiz ichida HTML Canvas API yordamida sodir bo'ladi — hech qanday fayl hech qachon serverga yuborilmaydi. Asbob rasmingizni tanlangan burchak va masshtab transformatsiyalari bilan ekrandan tashqari kanvasga chizadi, so'ng natijani brauzerning o'z kodeki yordamida JPEG, PNG yoki WebP'ga kodlaydi.

  1. 1
    Rasm mahalliy dekodlanadi
    JPEG, PNG yoki WebP faylingiz mahalliy obyekt URL orqali HTMLImageElement'ga yuklanadi — bu hech qachon qurilmangizdan chiqmaydigan brauzer xotira murojaati. Tabiiy piksel o'lchamlari dekodlangan bitmapdan to'g'ridan-to'g'ri o'qiladi.
  2. 2
    Canvas transformatsiyasi qo'llaniladi
    Ekrandan tashqari kanvas aylantirilgan chegara qutisiga (har bir o'q uchun kenglik·cos + balandlik·sin) mos o'lchamlangan. Canvas 2D konteksti so'ng markazga ko'chiriladi, tanlangan burchak radianlarga aylantiriladi va aylantirishlar (flip) uchun gorizontal yoki vertikal o'qda -1 ga masshtablanadi — barchasi tashqi kutubxonasiz standart ctx.rotate / ctx.scale amallari.
  3. 3
    Avto-kesish burchaklarni kesib tashlaydi (ixtiyoriy)
    To'g'ri-burchak bo'lmagan aylantirishlar uchun, qo'lda yozilgan geometriya funksiyasi — largestInnerRect — aylantirilgan chegara qutisi ichiga sig'adigan asl tomonlar-nisbatidagi eng katta o'qqa-tekislangan to'rtburchakni hisoblaydi, shunda uchburchak bo'sh burchaklar rasmni buzmasdan olib tashlanadi.
  4. 4
    Brauzer kodeki natijani kodlaydi
    canvas.toBlob() piksel ma'lumotini brauzerning o'rnatilgan rasm kodlagichiga beradi, shaffof burchaklar uchun tanlanadigan sifat va fon to'ldirish rangi bilan JPEG, yoki PNG yoki WebP Blob ishlab chiqaradi, uni to'g'ridan-to'g'ri yuklab olasiz.

Rasmingiz to'liq brauzer yorlig'ingiz ichida qayta ishlanadi — u hech qachon hech qanday serverga yuklanmaydi.

Tegishli asboblar

Ko'p so'raladigan savollar