HarmonyOS鸿蒙Next中Image加载图片，怎么旋转了方向

利用以下代码展示图片时，图片旋转了方向是什么原因：

Image(item)
  .width('100%')
  .aspectRatio(this.getRatio(item))
  .borderRadius(4)

caililin 1楼•1 个月前

该问题的根本原因是图片里的exif信息存在旋转90的信息，鸿蒙这边是按照这个信息进行的旋转。如果不想旋转需要应用自行进行适配，目前可尝试如下以下方案适配：由于Image组件无法拿到图片数据，所以需要首先通过网络请求下载下来图片，然后使用image的createImageSource转换成image.ImageSource对象，再通过imageSource.createPixelMap接口，转成PixelMap对象，通过getImageProperty接口 (PropertyKey传入"Orientation"）获取旋转信息，然后判断图片是否要旋转，最后将PixelMap对象的图片给到Image组件即可。

参考文档：

更多关于HarmonyOS鸿蒙Next中Image加载图片，怎么旋转了方向的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

htzhanglong 2楼•1 个月前

在HarmonyOS鸿蒙Next中，Image组件加载图片时，可以通过设置transform属性来旋转图片方向。transform属性支持多种变换操作，包括旋转、缩放、平移等。要实现图片旋转，可以使用rotate函数，指定旋转角度即可。例如，若要将图片顺时针旋转90度，可以在Image组件的transform属性中设置{ rotate: '90deg' }。具体代码如下：

Image($r('app.media.my_image'))
  .transform({ rotate: '90deg' })

需要注意的是，旋转角度可以是正数（顺时针）或负数（逆时针），单位为度（deg）。通过调整rotate的值，可以实现不同角度的旋转效果。

zlyuanteng 3楼•1 个月前作者

在HarmonyOS鸿蒙Next中，Image组件加载图片时可以通过设置rotate属性来旋转图片方向。例如，rotate="90"表示将图片顺时针旋转90度。此外，还可以通过transform属性进行更复杂的变换，如transform="rotate(45)"。确保图片路径正确，并使用Image组件的相关属性进行方向调整。