Canvas 设置图片进行 X 轴或(和) Y 轴的翻转

本文介绍了如何使用 Canvas 的 `scale` 和 `translate` 方法来实现图片在X轴和Y轴上的翻转。通过保存和恢复画布状态,结合坐标平移和缩放,可以灵活地实现不同方向的翻转效果。方法一通过两次平移和一次缩放实现,而方法二则直接通过调整绘制起点实现翻转。
摘要由CSDN通过智能技术生成

原由

在看萧大直播写代码,第10次直播时,遇到一个在 Canvas 内进行图片翻转,里面用到了一块代码,理解起来有点绕,代码如下:

this.game.context.save();
let x = this.x + this.width / 2;
this.game.context.translate(x, 0);
this.game.context.scale(-1, 1);
this.game.context.translate(-x, 0);
this.game.context.drawImage(this.texture, 
Unity Canva Image 控件是 Unity 引擎中的一个图像显示组件。该控件可以用于在 Unity 场景中显示图像。 使用 Unity Canva Image 控件,我们可以加载图像并将其显示在场景中的指定位置。首先,我们需要准备好要显示的图像文件,可以是常见的图片格式,例如 JPEG、PNG 等。然后,我们可以在 Unity 编辑器中创建一个 UI Canvas,并在其中添加一个 Canva Image 控件。通过该控件的属性面板,我们可以设置不同的属性,例如图像的来源、位置、大小、是否保持纵横比等。 Unity Canva Image 控件可以根据指定的图像文件路径或 URL 加载图像。我们可以将图像路径设置为我们希望加载的图像文件所在的路径,或者将图像的 URL 设置为远程服务器上的图像路径。加载完成后,图像将显示在 Canva Image 控件所在的位置上。 可以通过修改 Canva Image 控件的属性来调整图像的显示效果。例如,我们可以调整图像的位置、大小、旋转角度等。我们还可以设置 Canva Image 控件的层级顺序,以便将其放置在其他 UI 元素的上方或下方。 Unity Canva Image 控件还支持一些高级功能,例如图像的平铺(Tiling),可以让图像自动重复显示以填充整个 Canva Image 控件。此外,我们还可以为 Canva Image 控件添加动画效果,使图像以各种方式进行缩放、旋转或移动。 总之,Unity Canva Image 控件是 Unity 引擎提供的一个用于显示图像的组件,可以方便地加载和显示图像,并提供了一些灵活的属性和功能来调整图像的显示效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值