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 }) 
} 
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.

实现效果

分享
微博
QQ
微信
回复
2024-05-27 21:48:35
相关问题
HarmonyOS 是否有提供倾斜属性
891浏览 • 1回复 待解决
HarmonyOS 虚线功能实现
780浏览 • 1回复 待解决
如何实现类似插槽功能
2759浏览 • 1回复 待解决
鸿蒙截图功能实现问题
11418浏览 • 1回复 待解决
Text如何实现删除线功能
2221浏览 • 1回复 待解决
HarmonyOS 如何实现语音助手功能
1158浏览 • 1回复 待解决
HarmonyOS 实现手账、便签功能
972浏览 • 1回复 待解决
如何实现类似.9 图功能
2516浏览 • 1回复 待解决
HarmonyOS 如何实现扫脸登录功能
740浏览 • 1回复 待解决
如何实现向用户申请授权功能
2582浏览 • 1回复 待解决
实现弹幕功能三方库
1780浏览 • 1回复 待解决
HarmonyOS 如何实现可展开listview功能
535浏览 • 1回复 待解决
harmonyos中如何实现精准定位功能
192浏览 • 0回复 待解决
禁用窗口全屏显示功能如何实现
878浏览 • 1回复 待解决
HarmonyOS 如何实现popupwindow功能
716浏览 • 1回复 待解决
HarmonyOS 如何实现直播功能
993浏览 • 1回复 待解决
HarmonyOS 如何实现DeepLink功能
888浏览 • 1回复 待解决
HarmonyOS 曝光功能如何实现
897浏览 • 1回复 待解决
arkts 护眼模式功能实现
914浏览 • 0回复 待解决