Skip to content

lfStar 星形

绘制车标、星光、五角星、多角星形。

详情查看Star

用法

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

<template>
  <lfLeafer :width="100" :height="100" fill="#fff">
    <lfStar
      :width="100" :height="100"
      :points="5"
      fill="#ff0000"
    />
  </lfLeafer>
</template>
<script setup lang="ts">
import { lfLeafer, lfStar } from 'leafer-vue'
</script>

<template>
  <lfLeafer :width="100" :height="100" fill="#fff">
    <lfStar
      :width="100" :height="100"
      :points="5"
      fill="#ff0000"
    />
  </lfLeafer>
</template>

核心属性

名称类型默认值说明
widthnumber——宽度
heightnumber——高度
pointsnumber——星形的顶点数,取值范围为 >=3
innerRadiusnumber0.382内半径比例,取值范围为 0.0 ~ 1.0

事件

名称说明