મફત ઇમેજ રોટેટર અને ફ્લિપર

આ કેવી રીતે કાર્ય કરે છે

અહીં rotation, flipping, અને angle correction સંપૂર્ણપણે તમારા બ્રાઉઝરમાં HTML Canvas API વાપરીને ચાલે છે — કોઈ ફાઇલ ક્યારેય સર્વર પર મોકલાતી નથી. ટૂલ તમારી ઇમેજને પસંદ કરેલા angle અને scale transforms પર off-screen canvas પર દોરે છે, પછી બ્રાઉઝરના પોતાના codec વડે પરિણામને JPEG, PNG, કે WebP માં એન્કોડ કરે છે.

1. 1
   ઇમેજ સ્થાનિક રીતે decode થાય છે

   તમારી JPEG, PNG, કે WebP ફાઇલ સ્થાનિક object URL — ક્યારેય તમારો ડિવાઇસ ન છોડતો બ્રાઉઝર મેમરી reference — દ્વારા HTMLImageElement માં લોડ થાય છે. Natural pixel dimensions decode કરેલા bitmap માંથી સીધા વાંચવામાં આવે છે.
2. 2
   Canvas transform લાગુ થાય છે

   Off-screen canvas rotated bounding box (દરેક axis માટે width·cos + height·sin) ફિટ કરવા sized થાય છે. Canvas 2D context પછી center તરફ translate થાય છે, પસંદ કરેલા angle (radians માં) પર rotate થાય છે, અને flips માટે horizontal કે vertical axis પર -1 વડે scale થાય છે — બધા સ્ટાન્ડર્ડ ctx.rotate / ctx.scale ઓપરેશન, કોઈ બાહ્ય લાઇબ્રેરી વગર.
3. 3
   Auto-crop ખૂણા ટ્રિમ કરે છે (ઓપ્શનલ)

   Non-right-angle rotations માટે, હાથે લખેલું geometry ફંક્શન — largestInnerRect — rotated bounding box ની અંદર ફિટ થતા મૂળ aspect ratio ના સૌથી મોટા axis-aligned rectangle ની ગણતરી કરે છે, જેથી ઇમેજને વિકૃત કર્યા વગર triangular ખાલી ખૂણા દૂર થાય.
4. 4
   Browser codec પરિણામ એન્કોડ કરે છે

   canvas.toBlob() pixel data ને બ્રાઉઝરના બિલ્ટ-ઇન ઇમેજ encoder ને સોંપે છે, જે JPEG (પસંદ કરી શકાય તેવી quality અને transparent ખૂણા માટે background fill color સાથે), PNG, કે WebP Blob બનાવે છે જે તમે સીધું ડાઉનલોડ કરો છો.

સંબંધિત સાધનો