Блог

Мое приложение Ionic 5 требует сохранения загруженных фотографий в соотношении 1: 1, и в настоящее время Insta&ram предлагает лучший интерфейс для обрезки фотографий, который я нахожу. Я реализовал функцию масштабирования и панорамирования фотографий фиксированного размера div с помощью ion-slide .

 <ion-slides [options]="slideOpts" zoom class="slider"&&t;
  <ion-slide&&t;
    <div class="swiper-zoom-container"&&t;
      <im& [src]=myIm& /&&t;
    </div&&t;
  </ion-slide&&t;
</ion-slides&&t;

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

.slider{
    width: 100vw;
    hei&ht: 100vw;
    back&round: &rey;
}
  

До этого момента оно подходит для просмотра фотографии. Теперь мне нужно сохранить фотографию, включая фон, видимый внутри ion-slides области. Для этого существуют такие решения, как html2canvas, но я хочу понять, есть ли какие-либо проблемы, такие как

• Качество фотографии ухудшится
• Качество изображения зависит от разрешения экрана мобильного устройства

Пожалуйста, дайте m знать, есть ли хорошее решение.