React Native-ImageEditor.cropImage()中size和displaySize有什么区别?

时间:2018-12-03 06:35:55

标签: reactjs react-native

size方法的displaySizeImageEditor.cropImage()属性之间有什么区别?这两个属性代表什么?如果对图像进行处理,一个小示例将更为可取。谢谢!!!

2 个答案:

答案 0 :(得分:1)

尺寸:它是图像的实际尺寸

displaySize :它是您要将图像缩放到的尺寸。

示例- @ 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.log('Success') }, 
        (error) =>{ console.log('Error,',error) }
      )
 }

答案 1 :(得分:1)

这两个属性之间的区别是:

  • size属性指定了图像的实际尺寸 要收获。

  • displaySize属性指定我们想要的大小
    裁剪后缩放图像。

例如:

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