@leafer-ui/worker

在 WebWorker 环境中运行。

安装

npm

npm install @leafer-ui/worker

pnpm

pnpm add @leafer-ui/worker

yarn

yarn add @leafer-ui/worker

bun

bun add @leafer-ui/worker

import Scripts 引入

通过全局变量 LeaferUI 访问内部功能。

worker.min.js

importScripts('https://unpkg.com/@leafer-ui/worker@1.0.0/dist/worker.min.js')

worker.js

importScripts('https://unpkg.com/@leafer-ui/worker@1.0.0/dist/worker.js')

体验

通过 Worker 创建一张包含矩形的画布，并在主线程生成图片显示。

index.js

const worker = new Worker('./worker.js') // 相对当前运行的根目录
worker.onmessage = (e) => { // 通过worker生成一张图片进行显示
    const image = new Image()
    image.src = e.data
    document.body.appendChild(image)
}