React Native - в чем разница между размером и displaySize в ImageEditor.cropImage ()?

В чем разница между свойством size и displaySize метода ImageEditor.cropImage()? Что представляют собой эти два свойства? Небольшой пример будет более полезен, если он будет выполнен с изображением. Спасибо !!!

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
1
0
463
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

размер: это фактический размер изображения.

Размер дисплея: это размер изображения, до которого вы хотите его масштабировать.

Пример - активы @ 3x в виртуальное разрешение2208×1242 (с баллами 736x414)

cropData = {
  size:{width: 414, height: 736},
  displaySize:{width: 1242, height: 2208},        
  resizeMode:'contain', 
}
try {
  await ImageEditor.cropImage(uri
        cropData, (successURI) => { console.info('Success') }, 
        (error) =>{ console.info('Error,',error) }
      )
 }
Ответ принят как подходящий

Разница между этими двумя свойствами:

  • Свойство size определяет фактический размер изображения, которое мы собираюсь обрезать.

  • Свойство displaySize указывает размер, до которого мы хотим, чтобы
    масштабировать изображение после кадрирования.

Например:

cropData = {
   offset: ...
   size: {width: actualWidthOfTheImage, height: actualHeightOfTheImage},
   displaySize: {width: newWidthOfTheImage, height: newHeightOfTheImage}
   resizeMode: ...
}

Другие вопросы по теме