图形滤波器
#### 使用
``
npm i @qq1069532844/image-filter
`
`
html
`
#### 本地调试
`
npm run dev
`
#### 打包
`
npm run build
``
api
#### ImageEditor.canvas: HTMLCanvasElement
获取 canvas 元素
#### ImageEditor.imageSize: [number, number]
获取加载图片的宽高
#### ImageEditor.loadImage(url: string | image: HTMLImageElement): Promise
加载图片
#### ImageEditor.setKernels(name: KernelName, kernel: number[]): void
设置新的图像处理内核,name 为内核名,kernel 为 3 x 3 内核
#### ImageEditor.getKernelNames(): KernelName[]
获取当前绑定的所有内核名的数组
#### ImageEditor.handleEffect(kernelNames: KernelName[] = []): void
为图像应用滤波器,kernelNames 为要应用的内核名数组
#### ImageEditor.setViewport(width: number, height: number): void
重置 canvas 大小