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版本
920浏览 • 1回复 待解决
HarmonyOS flutter接入HarmonyOS原生视图
1047浏览 • 1回复 待解决
HarmonyOS 关于HarmonyOS应用的备案
734浏览 • 1回复 待解决
HarmonyOS
656浏览 • 1回复 待解决
HarmonyOS HarmonyOS社区组件问题
1628浏览 • 1回复 待解决
HarmonyOS 现在HarmonyOS都有支持哪些插件
1075浏览 • 1回复 待解决
HarmonyOS JsBridge的HarmonyOS版本sdk
972浏览 • 1回复 待解决
HarmonyOS HarmonyOS签名验签问题
1157浏览 • 1回复 待解决
HarmonyOS h5和HarmonyOS怎么通信?
922浏览 • 1回复 待解决
HarmonyOS RN侧如何获取HarmonyOS设备信息
1018浏览 • 1回复 待解决
HarmonyOS LazyForEach
1047浏览 • 1回复 待解决
HarmonyOS pixelMap
1004浏览 • 1回复 待解决
HarmonyOS URLEncode
808浏览 • 1回复 待解决
HarmonyOS Tabs
599浏览 • 1回复 待解决
HarmonyOS floatingActionButton
656浏览 • 1回复 待解决
HarmonyOS encodeURIComponent
709浏览 • 1回复 待解决
HarmonyOS WindowSystemBar
521浏览 • 1回复 待解决
HarmonyOS TextPicker
653浏览 • 1回复 待解决
HarmonyOS @Concurrent
769浏览 • 1回复 待解决
HarmonyOS onBackPress
559浏览 • 1回复 待解决