Skip to content

Main Navigation教程 Editor 插件博客 v1.0.9 赞助前往官网

简体中文

English 预计11月启动翻译

简体中文

English 预计11月启动翻译

Appearance

Sidebar Navigation

快速上手

概览

快速安装

leafer-ui

web 版

worker 版

node 版

小程序版

leafer-draw

web 版

worker 版

node 版

小程序版

leafer-game

web 版

worker 版

node 版

小程序版

leafer-editor

web 版

worker 版

node 版

小程序版

Playground

贡献指南

常见问题

🚀 基础

创建应用

创建元素

设置样式

事件处理

移除元素

😎 进阶

App结构

窗口

局部渲染

🧲 常用

图形编辑器

自动布局

交互状态

动画

Robot 游戏

🎓️ 构成

生命周期

应用周期

渲染周期

坐标体系

包围盒

🍉 应用

Leafer

App

配置

基础

窗口类型

画布

点按操作

触屏操作

多点触屏

滚轮操作

平移视图

缩放视图

🥥 组元素

Group

Box

Frame

🍊 元素

Rect

Ellipse

Line

Polygon

Star

Path

Pen

Image

SVG

Canvas

Text

UI

🥝 自定义元素

基础

注册元素

注册数据

添加属性

添加方法

高级

继承元素

绘制路径

context

🎞️ 元素数据

id / name

id

tag

name

className

innerId

innerName

parent / leafer

parent

leafer

数据 / 克隆

data

proxyData

clone()

路径数据

getPath()

getPathString()

path

导入导出

export()

toJSON()

移除 / 销毁

remove()

destroy()

📐 元素布局

定位 / 布局

position

size

scale

flip()

rotation

skew

偏移 / resize

offset

resize

围绕中心

origin

around

包围盒 / 变换

bounds

transform

坐标转换

坐标转换

快速转换

层叠 / 放置

zIndex

dropTo()

🏼 元素外观

透明 / 可见性

opacity

visible

填充 / 描边

fill

stroke

渐变 / 图像

linear

radial

angular

solid

image

内外阴影

shadow

innerShadow

裁剪 / 擦除

clip

mask

eraser

混合模式

blendMode

🖱 元素交互

可交互性

hittable

hitChildren

hitSelf

hitFill

hitStroke

编辑 / 拖拽

editable

draggable

光标样式

cursor

交互状态

state

hover

press

focus

selected

disabled

事件处理

on() / once()

off()

emit()

命名

捕获/冒泡

模拟交互

🐆 元素动画

动画

animation

animate()

过渡

transition

运动路径

motionPath

motion

getMotionTotal()

getMotionPoint()

🪜 元素高级

限制拖动范围

dragBounds

强制渲染

forceUpdate()

forceRender()

nextRender()

查找拾取

find()

findOne()

pick()

自定义属性

changeAttr()

addAttr()

🌲 事件类型

交互事件

PointerEvent

DragEvent

DropEvent

SwipeEvent

MoveEvent

ZoomEvent

RotateEvent

KeyEvent

元素事件

ImageEvent

ChildEvent

PropertyEvent

平台事件

LeaferEvent

ResizeEvent

RenderEvent

LayoutEvent

WatchEvent

基础事件

Event

UIEvent

🌷 常用类库

数学

Point

Bounds

Matrix

列表

LeafList

🛠 开发

调试模式

🍑 前端环境

Vue

React

🍐 服务端环境

Nuxt.js

VitePress

Next.js

🍔 组件式开发框架（社区提供）

leafer-vue

导航

自定义元素

学习自定义元素教程

在 GitHub 上编辑此页

Pager

下一页概览

Released under the MIT License.

Copyright © 2023-2024 Chao (Leafer) Wan