原文链接:https://github.com/fzhlee/SwiftUI-Guide#19Image-Transform
给图像应用缩放、旋转等变形效果。
示例代码:
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度
}
}
网友评论