Gratis Beeld Rotator & Flipper

Hoe dit werk

Rotasie, omkering, en hoekregstelling hier loop heeltemal binne jou blaaier met die HTML Canvas-API — geen lêer word ooit na 'n bediener gestuur nie. Die nutsprogram teken jou beeld op 'n skerm-af-canvas teen die gekose hoek en skaal-transformasies, enkodeer dan die resultaat na JPEG, PNG, of WebP met die blaaier se eie kodeerder.

1. 1
   Beeld plaaslik gedekodeer

   Jou JPEG-, PNG-, of WebP-lêer word in 'n HTMLImageElement gelaai via 'n plaaslike objek-URL — 'n blaaiergeheue-verwysing wat nooit jou toestel verlaat nie. Die natuurlike pixelafmetings word direk uit die gedekodeerde bisgreep gelees.
2. 2
   Canvas-transformasie toegepas

   'n Skerm-af-canvas word groot gemaak om die geroteerde grensblok te pas (wydte·cos + hoogte·sin vir elke as). Die Canvas 2D-konteks word dan na die middel vertaal, met die gekose hoek in radiale geroteer, en met -1 op die horisontale of vertikale as geskaal vir omkerings — alles standaard ctx.rotate-/ctx.scale-bewerkings sonder eksterne biblioteek.
3. 3
   Outo-sny snoei hoeke (opsioneel)

   Vir nie-regte-hoek-rotasies bereken 'n handgeskrewe geometriefunksie — largestInnerRect — die grootste as-belynde reghoek van die oorspronklike aspekverhouding wat binne die geroteerde grensblok pas, sodat die driehoekige leë hoeke sonder om die beeld te vervorm verwyder word.
4. 4
   Blaaierkodeerder enkodeer die resultaat

   canvas.toBlob() gee die pixeldata aan die blaaier se ingeboude beeldenkodeerder, wat 'n JPEG (met kiesbare kwaliteit en agtergrondvulkleur vir deursigtige hoeke), PNG, of WebP-Blob produseer wat jy direk aflaai.

Verwante gereedskap