在leafer-ui/worker，无法使用 json 创建元素

[hbalxzdl]

错误：Uncaught ReferenceError: CanvasRenderingContext2D is not defined

[leaferjs]

请给出具体复现代码

[hbalxzdl]

// Custom.ts
import { Leafer, Rect, RectData, registerUI, dataProcessor, PointerEvent } from 'leafer-ui'
import { IRectInputData, IRectData } from '@leafer-ui/interface'

export interface ICustomInputData extends IRectInputData { }

export interface ICustomData extends IRectData { }

export class CustomData extends RectData implements ICustomData { }

@registerui()
export class Custom extends Rect {

public get __tag() { return 'Custom' }

@dataprocessor(CustomData)
declare public __: ICustomData

// 1. 添加普通属性，不用进json，只是辅助逻辑判断 //
public rotating: boolean

constructor(data: ICustomInputData) {
super(data)
// ...
}

// 2. 添加自定义方法, 动画开关 //
startAnimate(): void {
this.rotating = true
this.rotateAnimate()
}

stopAnimate(): void {
this.rotating = false
}

rotateAnimate(): void {
this.nextRender(() => {
this.rotation += 1
if (this.rotating) this.rotateAnimate()
})
}

}

// worker.ts
import { Leafer } from '@leafer-ui/worker'
import '@leafer-in/export'
import './Custom.ts'

const leafer = new Leafer({ width: 800, height: 600 })

const start = (value) => {
leafer.add( { x: 0, y: 0, width: 800, height: 600, fill: '#fff', tag: 'Custom' })
leafer.export('jpg').then((result) => {
self.postMessage(result.data)
})
}

[leaferjs]

worker中引入 import './Custom.ts' 导致引入了 leafer-ui包，需要把 leafer-ui替换成 '@leafer-ui/core'就能跨平台