给图像应用缩放、旋转等变形效果。
示例代码:
ScrollView{ VStack{ Image("girlPicture") .scaleEffect(0.8) //将图片缩小为原来的0.8倍 Image("girlPicture") .scaleEffect(CGSize(width: 1.2, height: 0.5)) //将图片的宽度扩大为原来的1.2倍,高度缩小为原来的0.5倍 Image("girlPicture") .scaleEffect(x: 1.5, y: 1, anchor: UnitPoint.bottomLeading) //默认情况下,图像视图的缩放锚点位于图像视图的中心位置。此时,将图像视图的缩放锚点修改为左下角。 } VStack{ Image("girlPicture") .rotationEffect(Angle.init(degrees: 90)) //将图像视图旋转90度 Image("girlPicture") .rotationEffect(Angle.init(degrees: 30), anchor: UnitPoint.init(x: 0, y: 0)) //默认情况下,图像视图的旋转锚点位于图像视图的中心位置。此时将图像视图的旋转锚点修改为左上角 Image("girlPicture") .rotation3DEffect(Angle.init(degrees: 30), axis: (x: CGFloat(0.1), y: CGFloat(0.1), z: CGFloat(0))) //图像视图可以在三个轴向上进行旋转,这里设置图像视图沿着水平方向旋转45度 } }