Pinch Zoom Image by Sang Oh – Version 1.0

Categories

Able to use a pinch-zoom and touch panning a image in the sencha touch 2.

Show more

Products:

  • Sencha Touch 2.0
  • Sencha Touch 2.1

Browsers:

  • iOS (mobile)
  • Chrome (desktop)
  • Safari (desktop)
  • Android (mobile)

Screenshots

  • Original Image

    Original image is scale to fit current container's size.

    Show more
  • Scaled image

    Image is scaled with pinch zoom.

    Show more
  • Multi scaled image

    Example of thumbnail scaling.

    Show more

Readme

Implemented pinch zoom function with Gavin Kistner's code of 'Zooming via HTML5 Canvas Context'. It draw a image with best size ratio and easy to scale it and just double tap to restore it.

Version History

  • Version 1.0

    Description:

    It is easy to implement pinch-zoom image view with this component. Just include lib and create it your container.

License

Other extensions in components

  • Screenshot

    SlideNavigation2

    A navigational component that utilizes a list which is hidden when not in use. Inspired by Facebook's sliding menu system.

  • Screenshot

    Datetimepicker

    Component to select datetime value.

  • Screenshot

    Ext.ux.grid.FilterBar

    Plugin that enable filters on the grid headers

  • Screenshot

    Animated CSS3 button menu

    This component gives you an alternate way to build a cool menu in you Sencha Touch app. The menu is rendered and animated in path menu like style with CSS3 transition animations.

  • Screenshot

    Ext.ux.TouchCalendar

    Ext.ux.TouchCalendar is an extension, and set of related plugins, for the Sencha Touch 1 & 2 frameworks that allows easy integration of a calendar component into applications. The extension allows a calendar to be displayed in Day, Week or Month view and can be bound to a data store to enable event bars or dots to be rendered on the dates.

3.0/5 from 3 reviews

    • Review Message:

      Work fine in iOS, no in android

    • Review Rating: 3/5
    • Review for Version 1.0
    • Review Date: March 18, 2013
    • 3/3 people found this review helpful.
    • Review Message:

      A little guide would be welcome. Also review the code. It does not work as expected.

    • Review by Dany Henriquez
    • Review Rating: 2/5
    • Review for Version 1.0
    • Review Date: October 20, 2013
    • 2/2 people found this review helpful.