Skala upp-zooma bild

2 svar · 661 visningar · startad av clacke 15 feb. 2010

clackeMedlem sedan feb. 2003234 inlägg

Frågan15 feb. 2010 22:18#1

Jag behöver kunna skala upp - zooma in på en bild.
I mobile safari, så jag behöver ingen av dom otaliga lightbox varianterna.
Utan själva bilden ska zoomas-skalas upp.
Man måste zooma in på den plats där man klickar på bilden och man måste kunna sätta hur mycket man ska zooma. Detta gärna med jquery.

Är det någon som har förslag på hur man gör detta?

ercizMedlem sedan maj 20011 826 inlägg

15 feb. 2010 22:42#2

Jag har inte allt för stor koll på vilka bibliotek det finns för att göra detta enkelt. Men är det bara mobile safari du vill stödja, så tycker jag du ska kolla om den har stöd för canvas-taggen. Då skulle du kunna läsa in bilden till en canvas och sen skala om den bäst du vill i den.

clackeMedlem sedan feb. 2003234 inlägg

16 feb. 2010 20:36#3

Hej erciz
Jo safari stödjer canvas.
Men jag har inte någon erfarenhet av canvas objektet.
Och är inte så haj på javascript heller :-)
Jag ska kolla runt lite och se om jag hittar mer om det än på safaris ref sida.
Har du något förslag på hur man skalar upp det?
Det här skulle nog kunna vara något: http://www.tutorialspoint.com/jquery/effect-scale.htm
Och ett exempel på ovan: http://www.tutorialspoint.com/cgi-bin/practice.cgi?file=jquery_148

Här hittade jag något med css och jquery http://www.zachstronaut.com/posts/2009/08/07/jquery-animate-css-rotate-scale.html skulle det kanske kunna vara något?
http://jn.orz.hm/jquery/ui_effect.html
Tack på förhand.