Skip to content

Main Navigation文档插件博客 v1.3.2 赞助前往官网

简体中文

English 预计2月启动翻译

简体中文

English 预计2月启动翻译

Appearance

Sidebar Navigation

快速上手

概览

Playground

快速安装

leafer-ui

web 版

worker 版

node 版

小程序版

leafer-draw

web 版

worker 版

node 版

小程序版

leafer-game

web 版

worker 版

node 版

小程序版

leafer-editor

web 版

worker 版

node 版

小程序版

贡献指南

常见问题

🧬 基础

创建 Leafer

创建元素

设置样式

事件处理

移除元素

Vue / React

前端环境

Vue

React

HTML

服务端渲染

Nuxt.js

VitePress

Next.js

组件式开发（社区提供）

leafer-vue

🧲 好玩

交互状态

动画

运动路径

Robot 游戏元素

自动布局

图形编辑器

😎 进阶

创建 App

缩放平移视图

转换坐标

获取包围盒

局部渲染

生命周期

生命周期

应用周期

渲染周期

所有元素

🍉 应用

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

KeyEvent

视口事件

MoveEvent

ZoomEvent

RotateEvent

元素事件

ImageEvent

ChildEvent

PropertyEvent

平台事件

LeaferEvent

ResizeEvent

RenderEvent

LayoutEvent

WatchEvent

基础事件

Event

UIEvent

🌷 实用

数学

Point

Bounds

Matrix

列表

LeafList

增强

🧲 插件

Editor

更多插件

开发插件

🛠 开发

调试模式

导航

Interface: ICursorTypeMap

Indexable

▪ [name: string]: ICursorType | ICursorType[]

在 GitHub 上编辑此页

Pager

下一页概览

Released under the MIT License.

Copyright © 2023-2024 Chao (Leafer) Wan