RotateEvent

缩放事件，一般用于视窗交互中缩放视图。

1. 移动端: 双指旋转
2. 触摸板: 双指旋转（仅 Safari 支持）

详情请查看RotateEvent |🌿 Leafer UI

示例

0px x 0px

App.vue

Import Map

xxxxxxxxxx

27

 

1

<script setup lang="ts">

2

import type { IRotateEvent } from '@leafer-ui/interface'

3

import { LeaferApp } from 'leafer-vue'

4

import { ref } from 'vue'

5

​

6

const rotation = ref(0)

7

function handeleRotate(e: IRotateEvent) {

8

  rotation.value = e.rotation

9

}

10

</script>

11

​

12

<template>

13

  <LeaferApp :width="672" :height="340" type="draw">

14

    <Leafer @zoom="handeleRotate">

15

      <Rect

16

        :width="100"

17

        :height="100"

18

        :x="250"

19

        :y="100"

20

        :rotation="rotation"

21

        fill="#66A659"

22

        draggable

23

      />

24

    </Leafer>

25

  </LeaferApp>

26

</template>

Show Error

事件名称

事件名	说明	参数
rotateStart	开始旋转事件	IRotateEvent
rotate	旋转事件	IRotateEvent
rotateEnd	结束旋转事件	IRotateEvent