Playground

在线 Playground 环境

场景

🎮️ 小游戏

心花怒放

画龙点睛

快速入门

🧬 基础

创建 Leafer

创建元素

设置样式

事件处理

移除元素

Vue / React

🧲 好玩

动画

交互状态

运动路径

Robot 游戏元素

自动布局

图形编辑器

😎 进阶

创建 App

缩放平移视图

转换坐标

获取包围盒

局部渲染

生命周期

应用配置

元素参考

🍉 应用

Leafer

App

🥥 组元素

Group

Box

Frame

🍊 元素

Rect

Ellipse

Line

Polygon

Star

Path

Pen

Image

SVG

Canvas

Text

UI

🥝 自定义元素

基础

高级

元素通用功能

🎞️ 数据

id / name

parent / leafer

数据 / 克隆

路径数据

导入导出

移除 / 销毁

📐 布局

位置 / 缩放 / 旋转

偏移 / resize

围绕中心

包围盒 / 变换

转换坐标

层叠 / 放置

🏼 外观

透明 / 隐藏

填充 / 描边

渐变 / 图像

内外阴影

裁剪 / 擦除

混合模式

🖱 交互

可交互性

编辑 / 拖拽

光标样式

交互状态

事件处理

🐆 动画

动画

过渡

运动路径

🌴 高级

限制拖动范围

强制渲染

查找拾取

自定义属性

常用功能

🌲 事件

交互事件

元素事件

平台事件

基础事件

🌷 实用

数学

列表

🛠 开发

调试模式

开发插件

插件

✂️ 图形编辑器

安装插件

Editor

EditBox

EditPoint

编辑器配置

编辑器事件

编辑工具

内部编辑器

🫐 官方插件

视口

视图控制

滚动条

箭头

HTML

自动布局

文本编辑

动画

Robot 游戏

交互状态

查找元素

导出元素

color

resize

TypeScript

JavaScript