Frame

创建画板。默认会裁剪掉超出宽高的内容，类似于 HTML5 中的一个页面。

用法

0px x 0px

App.vue

Import Map

xxxxxxxxxx

40

 

1

<script setup lang="ts">

2

import { LeaferApp } from 'leafer-vue'

3

</script>

4

​

5

<template>

6

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

7

    <Leafer>

8

      <Frame

9

        :width="200"

10

        :height="200"

11

      >

12

        <Ellipse

13

          :x="120"

14

          :y="120"

15

          :width="100"

16

          :height="100"

17

          fill="#66A659"

18

          draggable

19

        />

20

      </Frame>

21

      <Frame

22

        :width="200"

23

        :height="200"

24

        :x="400"

25

        fill="#66A659"

26

        :overflow="true"

Show Error

属性

名称	类型	默认值	说明
width	number	——	宽度
height	number	——	高度
fill	string	#FFF	填充色
overflow	'show'| 'hide'	'hide'	超出部分是否裁剪

详情查看Frame |🌿 Leafer UI。

事件请查看事件处理 |🌿 Leafer Vue