8

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?

2
  • você quer dar zoom especificamente num map, ou em qualquer parte da sua aplicação mobile? Commented 16/04/2015 às 18:46
  • Vou ter imagens que vou dar o zoom nelas, igual ao Google Maps Commented 16/04/2015 às 23:21

4 Respostas 4

1

Veja se essa essa serve. Mas é paga. Exemplo:

$('#iddasuaimg').smoothZoom({
    width: <Enter Width>,
    height: <Enter Height>
});

Demonstrações

1
  • 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
1

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.

2
1

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

0

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.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .