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—如何给图像视图添加遮罩以突出主题
670 0
SwiftUI—如何给图像视图添加遮罩以突出主题
|
4月前
|
机器学习/深度学习 前端开发 算法
canvas系列教程03 —— 线的样式、绘制文本、操作图片(图片的渲染、缩放、裁剪、切割、平铺、特效)、变换元素(平移、缩放、旋转)(二)
canvas系列教程03 —— 线的样式、绘制文本、操作图片(图片的渲染、缩放、裁剪、切割、平铺、特效)、变换元素(平移、缩放、旋转)(二)
66 0
|
4月前
|
存储 前端开发 JavaScript
canvas系列教程03 —— 线的样式、绘制文本、操作图片(图片的渲染、缩放、裁剪、切割、平铺、特效)、变换元素(平移、缩放、旋转)(一)
canvas系列教程03 —— 线的样式、绘制文本、操作图片(图片的渲染、缩放、裁剪、切割、平铺、特效)、变换元素(平移、缩放、旋转)(一)
321 0
|
6月前
[MFC] 将像素坐标点缩放,准确的画在所在控件的图片上
[MFC] 将像素坐标点缩放,准确的画在所在控件的图片上
84 0
Blender突然无法平移视图
Blender突然无法平移视图
2114 0
利用矩阵进行平移,旋转,缩放等图像变换、创建第二个一模一样的图像并使之进行缩放等操作
利用矩阵进行平移,旋转,缩放等图像变换、创建第二个一模一样的图像并使之进行缩放等操作
SwiftUI—如何将颜色、图片和图形作为视图的背景
SwiftUI—如何将颜色、图片和图形作为视图的背景
815 0
SwiftUI—如何将颜色、图片和图形作为视图的背景
SwiftUI—如何给视图添加旋转手势
SwiftUI—如何给视图添加旋转手势
361 0
SwiftUI—如何给视图添加旋转手势
SwiftUI—使用图像视图强大的色彩调整功能
SwiftUI—使用图像视图强大的色彩调整功能
722 0
SwiftUI—使用图像视图强大的色彩调整功能
SwiftUI—如何给图像视图添加边框、透明度和阴影
SwiftUI—如何给图像视图添加边框、透明度和阴影
814 0
SwiftUI—如何给图像视图添加边框、透明度和阴影