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—如何给图像视图添加遮罩以突出主题
680 0
SwiftUI—如何给图像视图添加遮罩以突出主题
|
5月前
|
前端开发
Canvas绘画之文本缩放并旋转
Canvas绘画之文本缩放并旋转
|
5月前
|
存储 前端开发 JavaScript
canvas系列教程03 —— 线的样式、绘制文本、操作图片(图片的渲染、缩放、裁剪、切割、平铺、特效)、变换元素(平移、缩放、旋转)(一)
canvas系列教程03 —— 线的样式、绘制文本、操作图片(图片的渲染、缩放、裁剪、切割、平铺、特效)、变换元素(平移、缩放、旋转)(一)
444 0
|
5月前
|
机器学习/深度学习 前端开发 算法
canvas系列教程03 —— 线的样式、绘制文本、操作图片(图片的渲染、缩放、裁剪、切割、平铺、特效)、变换元素(平移、缩放、旋转)(二)
canvas系列教程03 —— 线的样式、绘制文本、操作图片(图片的渲染、缩放、裁剪、切割、平铺、特效)、变换元素(平移、缩放、旋转)(二)
85 0
|
7月前
|
C#
WPF —— 动画缩放变换
`ScaleTransform`用于二维x-y坐标系中对象的缩放,可沿X或Y轴调整。在故事板中,通过RenderTransform.ScaleX和ScaleY属性控制缩放。示例代码展示了如何设置按钮的RenderTransformOrigin、Background等属性,并通过LayoutTransform应用ScaleTransform。当鼠标进入按钮时,EventTrigger启动DoubleAnimation实现X和Y轴的缩放动画。最后,展示了如何将动画集成到自定义按钮样式中。
183 0
|
7月前
[MFC] 将像素坐标点缩放,准确的画在所在控件的图片上
[MFC] 将像素坐标点缩放,准确的画在所在控件的图片上
96 0
Blender突然无法平移视图
Blender突然无法平移视图
2145 0
SwiftUI—通过Path路径绘制不规则的线条和图形
SwiftUI—通过Path路径绘制不规则的线条和图形
645 0
SwiftUI—通过Path路径绘制不规则的线条和图形
SwiftUI—如何给图像视图添加边框、透明度和阴影
SwiftUI—如何给图像视图添加边框、透明度和阴影
824 0
SwiftUI—如何给图像视图添加边框、透明度和阴影
SwiftUI—如何给视图添加旋转手势
SwiftUI—如何给视图添加旋转手势
367 0
SwiftUI—如何给视图添加旋转手势