Estou desenvolvendo uma aplicação mobile com Apache Cordova, preciso de uma ferramenta semelhante ao Zoomify, mas para mobile. Tentei utilizar o Zoomify, não obtive bons resultados, qual ferramenta é a mais adequada para este trabalho? Existe alguma API do Google Maps que faça este trabalho?
4 Respostas
Veja se essa essa serve. Mas é paga. Exemplo:
$('#iddasuaimg').smoothZoom({
width: <Enter Width>,
height: <Enter Height>
});
-
Por mais que links ajudem com a resposta, é recomendável postar um exemplo, pois links podem deixar de ser funcionais, por mudança de endereço ou coisas do gênero.– Syzoth ♦Commented 12/04/2015 às 14:17
Em JQuery tem o panzoom. Aqui tem um exemplo de como funciona.
Segundo a descrição no Github:
Panzoom is a progressive plugin to create panning and zooming functionality for an element. Panzoom supports the same browsers as jQuery 2.0 and can be used with jQuery 1.9.0+ or jQuery 2.0+. Rather than setting width and height on an image tag, Panzoom uses CSS transforms and matrix functions to take advantage of hardware/GPU acceleration in the browser, which means the element can be anything: an image, a video, an iframe, a canvas, text, WHATEVER. And although IE<=8 is not supported, this plugin is future-proof. [...]
Mobile support
Panzoom includes support for touch gestures and even supports pinch gestures for zooming. It is perfectly suited for both mobile and desktop browsers. You'll be amazed at how well this performs on your mobile device. iOS and Android are supported. Pointer (IE11+), touch, and mouse events are supported.
As bibliotecas:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="/js/plugins/jquery.panzoom.js"></script>
Inicialização:
$(".panzoom-elements").panzoom();
// Pass options
$("a.panzoom-elements").panzoom({
minScale: 0,
$zoomRange: $("input[type='range']")
});
O link do repositório do Github.
-
Este não serve, perde a qualidade conforme o zoom.. Diferente do Zoomify Commented 13/04/2015 às 21:27
-
Já tentou esta e-smartdev.com/#!jsPluginList/panAndZoomJQuery ?– gustavoxCommented 16/04/2015 às 23:55
Danilo, você tentou utilizar o plugin Cordova "Photo Viewer"?
Segue o link: http://plugins.cordova.io/#/package/com.speryans.photoviewer
Já trabalhei com Cordova, mas não precisei aplicar zoom nas imagens do meu app.
Vale a pena testar.
[]'s
Eu uso o zoom na pagina Inteira é uma ideia diferente experimenta ai:
http://jaukia.github.io/zoomooz/
Eu tenho ele em um sistema e precisei fazer alguns ajustes para rodar em todas os navegadores, então se for usar ele mesmo da um toque que passo os ajustes para fazer essa compatibilidade.