SwiftUI—如何对图像视图进行缩放和旋转

简介: SwiftUI—如何对图像视图进行缩放和旋转

给图像应用缩放、旋转等变形效果。

示例代码:


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度
    }
}


2466108-827dc53a9f59f99c.webp.jpg


目录
相关文章
SwiftUI—如何给图像视图添加遮罩以突出主题
SwiftUI—如何给图像视图添加遮罩以突出主题
704 0
SwiftUI—如何给图像视图添加遮罩以突出主题
SwiftUI—如何给视图添加旋转手势
SwiftUI—如何给视图添加旋转手势
383 0
Blender突然无法平移视图
Blender突然无法平移视图
2195 0
|
iOS开发 Windows
iOS Programming - Views(视图 - 基本绘制,变换,平移,旋转,反转,倾斜)
1. Views A view (an object whose class is UIView or a subclass of UIView) knows how to draw itself into a rectangular area of the interface.
1034 0
SwiftUI—如何给图像视图添加边框、透明度和阴影
SwiftUI—如何给图像视图添加边框、透明度和阴影
855 0
SwiftUI—如何给图像视图添加边框、透明度和阴影
SwiftUI—使用图像视图强大的色彩调整功能
SwiftUI—使用图像视图强大的色彩调整功能
752 0
SwiftUI—使用图像视图强大的色彩调整功能
|
Java Maven
thumbmailator组件对图像的使用缩放、裁剪、旋转、格式钻换
thumbmailator组件对图像的使用缩放、裁剪、旋转、格式钻换
163 0
|
前端开发 C#
WPF/Silverlight中图形的平移,缩放,旋转,倾斜变换演示
原文: WPF/Silverlight中图形的平移,缩放,旋转,倾斜变换演示 为方便描述, 这里仅以正方形来做演示, 其他图形从略。 运行时效果图:XAML代码:// Transform.
823 0

热门文章

最新文章