Martix实现倾斜的功能

矩阵变换功能,使图形实现倾斜状态。

HarmonyOS
2024-05-26 16:22:37
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
pfuchenlu

使用的核心API

rotate()函数;Matrix的旋转函数,可以为当前矩阵增加x轴/y轴/z轴旋转效果。

核心代码解释

rotate({x?: number, y?: number, z?: number, angle?: number, centerX?: Length, centerY?: Length}): Object

import matrix4 from '@ohos.matrix4' 
  
@Entry 
@Component 
struct Test { 
private matrix1 = matrix4.identity().rotate({ x: 30, y: 30, z: 0.06, angle: 70 }) 
  
build() { 
Column() { 
Image($r("app.media.startIcon")).transform(this.matrix1) 
.width("40%") 
.height(100) 
}.width("100%").margin({ top: 50 }) 
} 
}

实现效果

分享
微博
QQ
微信
回复
2024-05-27 21:48:35
相关问题
如何实现类似插槽功能
1801浏览 • 1回复 待解决
鸿蒙截图功能实现问题
10240浏览 • 1回复 待解决
如何实现类似.9 图功能
1095浏览 • 1回复 待解决
HarmonyOS 实现手账、便签功能
241浏览 • 1回复 待解决
禁用窗口全屏显示功能如何实现
291浏览 • 1回复 待解决
Grid如何实现拖拽功能
2427浏览 • 1回复 待解决
鸿蒙如何实现分享功能
17426浏览 • 2回复 待解决
HarmonyOS 分享功能如何实现
64浏览 • 1回复 待解决
SoundPool实现音频播放功能
1218浏览 • 1回复 待解决
arkts 护眼模式功能实现
224浏览 • 0回复 待解决
HarmonyOS 换肤功能怎么实现
347浏览 • 1回复 待解决
定时提醒功能如何实现?
4838浏览 • 1回复 待解决
HarmonyOS 实现RSA加密功能
462浏览 • 1回复 待解决
HarmonyOS 如何实现语音助手功能
106浏览 • 1回复 待解决
Text如何实现删除线功能
745浏览 • 1回复 待解决
想要实现一个图片裁剪功能
236浏览 • 1回复 待解决
HarmonyOS如何实现头像选择功能
357浏览 • 1回复 待解决
如何实现Fraction懒加载功能
7283浏览 • 1回复 待解决
如何实现文本展开收起功能
731浏览 • 1回复 待解决