leafer-vue

Appearance

lfEllipse 圆形 ​

绘制圆、圆环、圆环扇形、扇形、弧线、椭圆。

详情查看Ellipse。

用法 ​

vue
<script setup lang="ts">
import { lfEllipse, lfLeafer } from 'leafer-vue'
</script>

<template>
  <lfLeafer :width="100" :height="100" fill="#fff">
    <lfEllipse
      :width="100" :height="100"
      :start-angle="-60" :end-angle="180" :inner-radius="0.5"
      fill="#feb027"
    />
  </lfLeafer>
</template>
<script setup lang="ts">
import { lfEllipse, lfLeafer } from 'leafer-vue'
</script>

<template>
  <lfLeafer :width="100" :height="100" fill="#fff">
    <lfEllipse
      :width="100" :height="100"
      :start-angle="-60" :end-angle="180" :inner-radius="0.5"
      fill="#feb027"
    />
  </lfLeafer>
</template>

核心属性 ​

名称类型默认值说明
widthnumber——宽度
heightnumber——高度
startAnglenumber——弧形的起始角度, 取值范围为 -180 ～ 180
endAnglenumber——弧形的结束角度, 取值范围为 -180 ～ 180
innerRadiusnumber——内半径比例, 取值范围为 0.0 ～ 1.0

事件 ​

名称说明