美文网首页
SwiftUI—如何对图像视图进行缩放和旋转

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

作者: anny_4243 | 来源:发表于2020-07-13 11:54 被阅读0次

原文链接: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度

    }
}

相关文章

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

    原文链接:https://github.com/fzhlee/SwiftUI-Guide#19Image-Tran...

  • Android画板(二):Matrix实现美图APP的旋转缩放

    一、美图旋转缩放方案 最近遇到了对图像进行旋转缩放操作的需求,以往的双指缩放、双指旋转体验明显没有美图app的旋转...

  • SwiftUI-Image的使用及Image用Navigatio

    SwiftUI的Image视图具有以不同方式缩放的能力,默认情况下,图像视图会自动调整其大小以适应其内容,这可能会...

  • Android Matrix矩阵

    首先讲讲canvas里面的旋转、缩放、平移、 Android中可以通过Matrix和ColorMatrix对图像进...

  • 文章收藏

    YUV图像的旋转缩放裁剪处理

  • 11.2 Bitmap

    简介 用于图像处理,可以获取图像文件信息,进行图像剪切、旋转、缩放等操作,并可以指定格式保存图像文件。 Bitma...

  • Python下的图像处理库,你选哪个?

    在进行数字图像处理时,我们经常需要对图像进行读取、保存、缩放、裁剪、旋转、颜色转换等基本操作。在使用python进...

  • Bitmap--学习笔记

    Bitmap是Android系统中的图像处理的最重要类之一。 用它可以获取图像文件信息,进行图像剪切、旋转、缩放等...

  • Android Bitmap简介-应用-优化

    Bitmap是Android系统中的图像处理的最重要类之一。用它可以获取图像文件信息,进行图像剪切、旋转、缩放等操...

  • Maya(四) 视图操作

    旋转视图: ALT + 拖动鼠标左键 缩放视图: ALT + 拖动鼠标右键 平移视图: ALT + 拖动鼠标中键 ...

网友评论

      本文标题:SwiftUI—如何对图像视图进行缩放和旋转

      本文链接:https://www.haomeiwen.com/subject/rvfvcktx.html