在离子5

问题描述

我的Ionic 5应用程序需要以1：1的比例保存上传的照片，目前，我发现裁剪照片的最佳界面是Instagram的操作方式。我已经通过使用div在固定大小ion-slide中实现了缩放和平移照片功能。

<ion-slides [options]="slideOpts" zoom class="slider">
  <ion-slide>
    <div class="swiper-zoom-container">
      <img [src]=myImg />
    </div>
  </ion-slide>
</ion-slides>

  slideOpts = {
    initialSlide: 1,speed: 400,zoom:{
      maxRatio: 2
    }
  };

.slider{
    width: 100vw;
    height: 100vw;
    background: grey;
}

到目前为止，它非常适合查看照片。现在，我必须保存照片，其中包括ion-slides区域内可见的背景。有像html2canvas这样的解决方案可以做到这一点，但我想了解是否有类似的挑战

• 照片质量会下降
• 基于移动屏幕分辨率的图像质量

请让m知道是否有好的解决方法。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）