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
相关问题
HarmonyOS 是否有提供倾斜属性
469浏览 • 1回复 待解决
HarmonyOS 虚线功能实现
342浏览 • 1回复 待解决
如何实现类似插槽功能
2268浏览 • 1回复 待解决
鸿蒙截图功能实现问题
10742浏览 • 1回复 待解决
如何实现类似.9 图功能
1935浏览 • 1回复 待解决
HarmonyOS 实现手账、便签功能
621浏览 • 1回复 待解决
HarmonyOS 如何实现语音助手功能
613浏览 • 1回复 待解决
Text如何实现删除线功能
1496浏览 • 1回复 待解决
禁用窗口全屏显示功能如何实现
582浏览 • 1回复 待解决
HarmonyOS 如何实现可展开listview功能
151浏览 • 1回复 待解决
HarmonyOS 如何实现扫脸登录功能
340浏览 • 1回复 待解决
实现弹幕功能三方库
1355浏览 • 1回复 待解决
如何实现向用户申请授权功能
2082浏览 • 1回复 待解决
arkts 护眼模式功能实现
537浏览 • 0回复 待解决
HarmonyOS 如何实现ImagePreview功能
142浏览 • 1回复 待解决
HarmonyOS 分享功能如何实现
455浏览 • 1回复 待解决
HarmonyOS 实现RSA加密功能
773浏览 • 1回复 待解决
定时提醒功能如何实现?
5433浏览 • 1回复 待解决
HarmonyOS AtomicInteger 计数功能实现
289浏览 • 1回复 待解决