Hej,
Jag är i behov av en modul/skript för att beskära profilbilder som användare laddar upp till sin profil.
Det känns lite oanvändarvänligt att säga att du endast får ha en bild som är X * Y pixlar stor. Det skall vara enkelt. Användaren laddar upp bilden. Skriptet känner av bildstorleken. Om bilden är för stor alternativt inte får plats i mitt format (X*Y pixlar) skall användaren ges möjlighet att beskära bilden (ange yta som ska vara kvar) var på bildskriptet producerar en ny bild som slutligen laddas upp!
Finns detta eller är det svårt att programmera själv? Vilken teknik använder man sig av för att peka med musen och ange koordinater på bilden?
jmeMedlem sedan maj 20012 237 inlägg tja, en kombination av javascript och GD
Med GD kan du skapa thumbnails av valda bild. Man ska även kunna skapa en ny bild av en viss del av en annan bild.
Med javascript kan du kanske sedan få muskoordinaterna. Sedan hur du får fram relativa koordinater för musen vet jag inte.
henkeMedlem sedan dec. 1999286 inlägg Spana in CropCanvas:
http://php.amnuts.com/index.php?do=view&id=12
Här finns en demonstration av scriptet:
http://php.amnuts.com/demos/crop-canvas/interactive.php
Scriptet är inte gratis för kommersiell verksamhet utan kostar 25 USD.
Tack för tipset henke. Har tittat på länkarna och det ser lovande ut (y)!
esrangeMedlem sedan jan. 20065 inlägg Helgon.net har en fin funktion för att beskära presentationsbilderna som man laddar upp, kommer dock inte ihåg hur den funkar men den liknar den du beskriver, tror man får flytta runt en ruta på bilden med fyra pil-länkar som sitter bredvid och sen sparar den x- och y-kordinaterna för övre vänstra hörnet på den rutan i två dolda fält som sen används för att beskära, om du är medlem där kan du ju kolla in deras funktion (själva beskärningen sen är ASP men javascript-delen kan vara av intresse).
Annars så tror jag att det enklaste är att du lägger ett lager ovanför bilden som bara har en ram i rätt storlek och kommer ihåg det lagrets position genom att lagra den i två dolda fält, sen får användaren flytta runt det lagret med några pil-länkar (som jag skrev ovan). Det blir enklare än att hålla på och kolla var musen klickar och sånt.
Efter lite sökande hittade jag faktiskt ett php-skript(program) som heter Croptool. Det går att hitta på http://www.croptool.net.
Jag har installerat det på min sida och det innehåller några trevliga funktioner som...
* Resize
* Free crop
* Fixed crop
* Rotate
Skriptet bygger på PHP och Flash. Jag tycker detta känns som en väldigt smakfull lösning. Gå in på sidan och testa demofunktionen och lek runt lite så får ni bilda er en egen uppfattning :)
