← 返回 Skills 市场

LeaferJS — Canvas 2D Engine

Name: LeaferJS — Canvas 2D Engine
Author: openlark

作者 OpenLark · GitHub ↗ · v1.0.0 · MIT-0

cross-platform ✓ 安全检测通过

总下载

当前安装

版本数

在 OpenClaw 中安装

/install leaferjs

功能描述

LeaferJS — Canvas 2D Engine. Lightweight and high-performance Canvas 2D graphics engine, supporting multiple platforms such as Web, Worker, Node.js, and Mini...

使用说明 (SKILL.md)

LeaferJS — Canvas 2D Engine

Use Cases

Suitable for UI rendering, graphic editing, data visualization, game development, and other scenarios.

Quick Start

npm install leafer-ui                         # ~70KB min+gzip
npm install leafer                             # 98KB + all plugins
npm install @leafer-ui/worker                  # Web Worker
npm install @leafer-ui/node skia-canvas        # Node.js
npm install @leafer-ui/miniapp                 # Mini-program (≥v3.6.0)

CDN: \x3Cscript src="https://unpkg.com/[email protected]/dist/web.min.js">\x3C/script> (Global variable LeaferUI, Image/PointerEvent aliases MyImage/MyPointerEvent)

import { Leafer, Rect } from 'leafer-ui'
const leafer = new Leafer({ view: window })
leafer.add(new Rect({ x: 100, y: 100, width: 100, height: 100, fill: '#32cd79' }))

Reference Index

File	Coverage
references/quick-start.md	Engine creation / configuration / viewport / framework integration (Vue/React/Nuxt/Next/SSR)
references/elements.md	All graphic elements + styles + export + remove/destroy + performance + animation
references/groups.md	Group/Box/Frame/App layers, editor
references/events.md	Events / PointerEvent / lifecycle / debugging / engine config
references/install.md	Multi-platform installation + FAQ + version management

安全使用建议

Install only if you want LeaferJS reference guidance. Be aware that the documented export and screenshot APIs can capture canvas content, so use them deliberately when the canvas may contain private user data.

能力标签

crypto

能力评估

✓ Purpose & Capability

The files coherently describe LeaferJS setup, canvas elements, events, groups, installation, and export APIs for a Canvas 2D engine.

ℹ Instruction Scope

Examples include exporting canvas images, Base64 data, screenshots, and JSON; these are user-directed library features, but users should avoid exporting sensitive canvas content unintentionally.

✓ Install Mechanism

Installation guidance is limited to expected npm packages and a public CDN example for LeaferJS; no bundled executable scripts or privileged install steps are present.

✓ Credentials

Browser, worker, Node, and mini-program examples fit the stated multi-platform graphics-engine purpose.

✓ Persistence & Privilege

No persistence, credential handling, background agent setup, privileged access, or automatic mutation behavior is present in the artifacts.

如何使用

确保已安装 OpenClaw（本地或 Docker 部署）
在对话框中输入安装命令：/install leaferjs
安装完成后，直接呼叫该 Skill 的名称或使用 /leaferjs 触发
根据 Skill 的参数说明提供必要输入，即可获得结构化输出

版本历史

v1.0.0

- Initial release of leaferjs skill. - Provides a lightweight, high-performance Canvas 2D engine (LeaferJS) for multiple platforms. - Supports use cases including UI rendering, graphic editing, data visualization, and game development. - Quick start guides for npm installation and CDN usage included. - Reference index links to in-depth documentation for engine setup, elements, groups, events, and multi-platform installation.

元数据

Slug leaferjs

版本 1.0.0

许可证 MIT-0

累计安装 0

当前安装数 0

历史版本数 1

常见问题