ionic实现长图显示与双指缩放

html代码

<ion-content class="has-header">
    <ion-scroll  direction="xy" class="msg-file" style="height:100%" zooming="true" min-zoom="1" max-zoom="2" overflow-scroll="false">
      <img ng-src="{{vm.file}}" class="msg-file"/>
    </ion-scroll>
</ion-content>

css代码

.has-header .scroll{
    height: 100%;
  }
.msg-file{
    width:100%;
  }