Avatar billede BTEngineer Novice
25. september 2007 - 13:50 Der er 3 kommentarer og
2 løsninger

Beskæring af billede?

Hej!

Jeg vil gerne have lavet et billedeupload hvor man først og fremmest vælger et billede af sig selv på sin computeren og derefter trykker "Fortsæt til beskæring".

Beskæringsfunktionen skal laves sådan at hele billedet står i en eventuel boks, hvor man så kan vælger et specifikt punkt på billedet som skal være ens profilbillede.
Der skal så være et eksempel til det punkt man vælger på billedet.

Måske nemmere forklaret her:
http://www.specks.dk/eksperten.jpg

Den størrelse man vælger på billedet, skal ikke være billedets "faste størrelse". Det er kun udslaget af profilbilledet. Når man så trykker på profilbilledet skal det blive størrere.

Jeg vil gerne have funktionen til at gøre et billede mindre (width samt height).

Og så vil jeg også gerne vide hvordan man evt. tilføjer et copyright på billedet - Sådan ens hjemmeside bliver tegnet på billedet?

Måske er det lidt meget men der er top point og giver gerne karma!

Tak på forhånd,
Henrik Nielsen
Avatar billede thesurfer Nybegynder
25. september 2007 - 15:34 #1
Den eneste del JavaScript kan klare, er at lave firkanten.

Du skal netop uploade billedet først. Derefter viser du billedet, hvor man via JavaScript kan lave en firkant.
Men her støder du på et problem.

Da JavaScript ikke kan redigere i billeder, er du nødt til at sende koordinaterne på firkanten, fil f.eks. ASP eller PHP på serveren, før billedet kan beskæres.


Husk på at billedebehandling er en meget krævende process! - Derfor kan jeg IKKE anbefale, at et billede skal vises ved siden af, der viser hvilken den man beskærer billedet til!

Med andre ord:
1) Upload billedet
2) Vis billedet
3) Via JavaScript laves en firkant, der kan aflæse koordinaterne
4) Når man har placeret firkanten korrekt (endeligt), sender/submitter man koordinaterne
5) Serverside scriptsprog (f.eks. ASP, ASP.NET eller PHP) med en image-komponent, som beskærer billedet ifølge de afsendte koordinater.

For at være sikker på, at dette indlæg forståes:

JavaScript kan IKKE lave billedebehandling.

:-)
Avatar billede BTEngineer Novice
25. september 2007 - 16:10 #2
Okay - Perfekt.
Men kan du komme med noget kode på det?
Jeg kan ikke selv kode javascriptet, og php'en bliver også svær.
(Hvis det ikke er for meget forlangt, så vil jeg også gerne have forklaring på koderne, så jeg samtidig lærer noget af det) ;)

Tak på forhånd :-)
Avatar billede thesurfer Nybegynder
25. september 2007 - 16:19 #3
Jeg har desværre ikke koden, men spørgsmålet bliver tit stiller her på eksperten.dk :-)

Du kunne evt også søge på "javascript image coordinates" på nettet.. så finder du masse scripts, der er nemme at tage ibrug..

Man finder bl.a.:
http://www.defusion.org.uk/code/javascript-image-cropper-ui-using-prototype-scriptaculous/

Demo: http://www.defusion.org.uk/demos/060519/cropper.php


PHP-delen kan jeg overhovedet ikke hjælpe dig med, da jeg ikke programmerer i PHP.
Det er dog muligt at finde noget PHP kode, der bare tager filnavn og koordinater, og beskærer billedet ud fra de koordinater..

Igen handler det bare om at søge.. :-)
Avatar billede BTEngineer Novice
25. september 2007 - 18:35 #4
Ja, det virker.
Har lagt det op og er ved at smække det sammen med noget php.
Men håber det er i orden vi deler pointsene 200/2 da jeg gik efter både at få javascriptet og php'en.

Smid et svar. :-)
Avatar billede thesurfer Nybegynder
26. september 2007 - 10:46 #5
Det er fint med mig :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

IT-JOB