leafer-draw

在 Web 环境中运行。

相对 leafer-ui，减少了 App 、查找元素、事件交互等功能，适用于纯绘图场景。

安装

npm

npm install leafer-draw

pnpm

pnpm add leafer-draw

yarn

yarn add leafer-draw

bun

bun add leafer-draw

同时我们提供了 Playground 环境 和 create-leafer 命令行工具，方便大家直接体验官网示例。

通过 script 标签引入

web.min

<script src="https://unpkg.com/leafer-draw@1.0.9/dist/web.min.js"></script>
<script>
  const { Leafer } = LeaferUI
  // ...
</script>

web

<script src="https://unpkg.com/leafer-draw@1.0.9/dist/web.js"></script>
<script>
  const { Leafer } = LeaferUI
  // ...
</script>

module.min

<script type="module">
  import { Leafer } from 'https://unpkg.com/leafer-draw@1.0.9/dist/web.module.min.js'
  // ...
</script>

module

<script type="module">
  import { Leafer } from 'https://unpkg.com/leafer-draw@1.0.9/dist/web.module.js'
  // ...
</script>

https://unpkg.com 无法访问时，可替换为 https://cdn.jsdelivr.net/npm

使用

使用方式、全局变量和 leafer-ui 一致, 只需改下包名，即可运行官网示例代码。

create-leafer 命令行工具

直接创建 Vue + Leafer 项目

在项目中 快速集成 Leafer

在项目中 安装、升级插件

Playground 环境

想直接运行官网示例代码，可以使用 Playground 环境 。