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
相关问题
如何实现类似插槽功能
581浏览 • 1回复 待解决
鸿蒙截图功能实现问题
8488浏览 • 1回复 待解决
如何实现向用户申请授权功能
564浏览 • 1回复 待解决
实现弹幕功能三方库
546浏览 • 1回复 待解决
如何实现类似.9 图功能
453浏览 • 1回复 待解决
grid如何怎么实现拖拽功能
352浏览 • 1回复 待解决
定时提醒功能如何实现?
3477浏览 • 1回复 待解决
Grid如何实现拖拽功能
920浏览 • 1回复 待解决
鸿蒙如何实现分享功能
16155浏览 • 2回复 待解决
SoundPool实现音频播放功能
570浏览 • 1回复 待解决
鸿蒙-如何实现类似于HOME键功能
9435浏览 • 2回复 待解决
鸿蒙提供画中画功能要怎么实现
368浏览 • 1回复 待解决
webview如何实现网络请求拦截功能
641浏览 • 1回复 待解决
如何实现媒体会话交互功能
247浏览 • 1回复 待解决
如何实现双路预览+录制功能
461浏览 • 1回复 待解决