PhoneGap pinchzoom

Question

Прошу прощения за вопрос новичка:

Как реализовать жест пинчзума в приложениях с пропуском телефона? Я только начинаю с PhoneGap и немного образования не повредит хе-хе!

Thnx!

Answer 1

Возможно, на пару месяцев позже, но это то, что вы хотите:

http://cubiq.org/iscroll-4

Это плагин, который вы можете применить к вашему div'у, который даст вам эту функцию. Это очень просто в использовании. Хотя это несколько дорого с точки зрения производительности. Я использую это все время. Наслаждайтесь!

Answer 2

Я использую hammer.js для обработки всех мультитач-жестов (в том числе пинч-зума) в моем приложении для телефонной связи http://eightmedia.github.com/hammer.js/.Я также хочу указать на другой вопрос stackoverflow, где pinch-zoom полностью выполняется в css3, который все еще может использоваться в phonegap Pinch для масштабирования с CSS3

Answer 3

Мой опыт показывает, что вы реализуете его не так часто, как используете. Phonegap - это, по сути, веб-браузер (например, мобильное сафари). Таким образом, он допускает автоматическое масштабирование жестов, но для его реализации вы делаете это так же, как и на любом веб-сайте (в основном, создаете веб-контент, который требует этого, или используете вызовы webkit для использования его для изменения размера элементов), webkit будет обрабатывать все детали для вас (к лучшему или к худшему).

Answer 4

Если вы уже используете d3.js в своем приложении Cordova, я могу порекомендовать его Поведение Zoom , которое отлично работает на протестированных устройствах Android и iOS. См. Эту страницу для примера , в мобильном браузере вам, возможно, придется перейти на raw версию для достижения наилучших результатов.

Первоначально меня поразило то, что SVG selection, являющийся .call редактируемым с поведением zoom, должен фактически охватывать область, на которую вы хотели бы реагировать на любые жесты масштабирования, например, Я создал белый фоновый прямоугольник внутри SVG, который хотел масштабировать.