Skip to content
On this page

lfLeafer 应用

用于创建应用的根组件,详情查看Leafer

用法

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

<template>
  <lfLeafer :width="100" :height="100" fill="#fff" />
</template>

核心属性

名称类型默认值说明
widthnumber——宽度
heightnumber——高度
pixelRationumber1像素比
fillstring——填充色
hittablebooleantrue是否响应交互事件
readyboolean——否准备就绪(完成首次布局)
viewReadyboolean——视图是否准备就绪(完成首次渲染)
runningboolean——是否运行中

事件

名称说明
LeaferEventLeafer事件
ChildEvent子组件事件