HarmonyOS RotateOptions

RotateOptions中perspective的用法Demo有吗?

HarmonyOS
2024-12-20 15:58:34
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

根据这个示例添加perspective参数即可,

参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-transformation-V5#ZH-CN_TOPIC_0000001893211777__示例

perspective属性实际上是视点到z=0平面的距离。有点类似平行于z轴的角度 rotate默认是z轴旋转,需要设置旋转参数中 x 或者y轴的参数,就可以看到效果,perspective 也没有取值范围

demo如下:

@Entry
@Component
struct TransformExample {
  build() {
    Column() {
      Row()
        .rotate({
          x: 1,
          y: 0,
          z: 0,
          centerX: '50%',
          centerY: '50%',
          angle: 300,
          perspective: 10
        }) // 组件以矢量(0,0,1)为旋转轴,绕中心点顺时针旋转300度
        .width(100).height(100).backgroundColor(0xAFEEEE)
        .margin({ top: 15 })
    }.width('100%').margin({ top: 5 })
  }
}
分享
微博
QQ
微信
回复
2024-12-20 18:26:50
相关问题
HarmonyOS jsbridge HarmonyOS版本
939浏览 • 1回复 待解决
HarmonyOS HarmonyOS社区组件问题
1685浏览 • 1回复 待解决
HarmonyOS JsBridge的HarmonyOS版本sdk
994浏览 • 1回复 待解决
HarmonyOS HarmonyOS签名验签问题
1192浏览 • 1回复 待解决
HarmonyOS
675浏览 • 1回复 待解决
HarmonyOS flutter接入HarmonyOS原生视图
1073浏览 • 1回复 待解决
HarmonyOS 关于HarmonyOS应用的备案
764浏览 • 1回复 待解决
HarmonyOS react-native-screens HarmonyOS计划
1110浏览 • 1回复 待解决
HarmonyOS 现在HarmonyOS都有支持哪些插件
1097浏览 • 1回复 待解决
HarmonyOS TabContent
1132浏览 • 1回复 待解决
HarmonyOS DatePicker
1031浏览 • 1回复 待解决
HarmonyOS responseRegion
916浏览 • 1回复 待解决
HarmonyOS NodeRender
708浏览 • 1回复 待解决
HarmonyOS readPixelsToBuffer
645浏览 • 1回复 待解决
HarmonyOS bouncycastle
733浏览 • 1回复 待解决
HarmonyOS Websocket?
946浏览 • 0回复 待解决
HarmonyOS onAreaChange
822浏览 • 1回复 待解决
HarmonyOS gesture
666浏览 • 1回复 待解决
Harmonyos next
258浏览 • 0回复 待解决
HarmonyOS 可以用仓颉开发HarmonyOS
1341浏览 • 1回复 待解决
HarmonyOS HarmonyOS的视频流和操作流
1059浏览 • 1回复 待解决