Skip to content

Main Navigation赞助我们开发计划体验环境更新日志博客 LeaferJS

Appearance

Sidebar Navigation

开始

简介

快速安装

用户参与

常见问题

🚀 快速入门

基础

创建应用

创建图形

设置样式

事件处理

进阶

视窗交互

局部渲染

应用配置

概念

坐标体系

边界模型

渲染周期

应用周期

🍉 应用

Leafer

App

🥥 容器元素

Group

Box

Frame

🥭 图形元素

Rect

Ellipse

Line

Polygon

Star

🍒 路径元素

Path

Pen

🍐 图像元素

Image

SVG

Canvas

🍓文字元素

Text

🥝 自定义元素

基础

注册元素

注册数据

添加属性

添加方法

高级

继承元素

绘制路径

context

🍑 元素基类

UI

🌸 元素属性方法

图层/布局

layer

layout

data

填充/描边

fill

stroke

盒子/变换

bounds

resize

transform

围绕中心

origin

around

坐标转换

坐标转换

快速转换

交互/光标

hittable

draggable

editable

cursor

🌻 元素高级属性

路径模式

path

裁剪/擦除

clip

mask

eraser

渐变/图案

linear

radial

angular

solid

pattern

滤镜/特效

shadow

innerShadow

blur

backgroundBlur

混合模式

blendMode

🌷 元素高级方法

路径获取

getPath()

getPathString()

查找拾取

find()

findOne()

pick()

导入导出

export()

toJSON()

自定义属性

changeAttr()

addAttr()

🌲 事件

深入事件

on / once

off

emit

命名

捕获/冒泡

交互事件

PointerEvent

DragEvent

DropEvent

SwipeEvent

MoveEvent

ZoomEvent

RotateEvent

KeyEvent

交互模拟

interaction

元素事件

ImageEvent

ChildEvent

PropertyEvent

平台事件

LeaferEvent

ResizeEvent

RenderEvent

LayoutEvent

WatchEvent

基础事件

Event

UIEvent

🌾 常用类库

数学

Point

Bounds

Matrix

列表

LeafList

🛠 开发

开发插件

调试模式

🍊 官方插件

图形编辑器

安装

Editor

EditBox

配置

事件

EditorEvent

EditorMoveEvent

EditorScaleEvent

EditorRotateEvent

EditorSkewEvent

EditorGroupEvent

InnerEditorEvent

编辑工具

EditTool

注册

控制点

使用

内部编辑器

InnerEditor

注册

控制点

使用

箭头

安装

Arrow

HTML

安装

HTMLText

滚动条

安装

ScrollBar

视图

安装

zoom

交互状态

安装

hover

press

focus

selected

disabled

🍇 内测插件

自动布局

安装

Flow

文本编辑

安装

TextEditor

🍍 第三方插件

连线

标尺线

Tooltip

🍎 外部结合

Anime.js 动画

响应式数据

导航

Table of Contents for current page

Leaf

下一页简介

Released under the MIT License.

Copyright © 2023-2024 Chao (Leafer) Wan