useful.cropper.js is een JavaScript en PHP oplossing voor uw eigen afbeelding bijsnijden systeem te draaien.
Het werkt door overlappen een transparante DIV op de afbeelding, met een cut-out box op de top, het geven van een voorbeeld van welk beeld de cut-out zou kunnen uitzien.
Gebruikers kunnen de doos cut-out te grijpen en te verplaatsen rond de afbeelding, of ze kunnen gebruik maken van de drag handgrepen aan de zijkant van de doos om de grootte en de verhouding aan te passen.
Wanneer het beeld klaar is om te worden bijgesneden, kan de gebruiker gewoon druk op een knop en snijd het beeld om zijn gewenste grootte en hoogte-breedteverhouding weergegeven in de preview.
useful.cropper.js kan laten ontwikkelaars setup een initiële positie voor de cut-out box, dwingen een gewenste aspect ratio, en werken met offset marges.
. Een volledig werkende demo is inbegrepen in de download pakket
Eisen
- Javascript nodig op client side
Reacties niet gevonden