- v1.0.1: 修复了安装在vite环境打包时woker不正常工作的问题 - v1.0.2: 新增了一个可以单独获取某一个break的等值面方法 `getIsoBandsByLayerBreak(breaks: number[], break: number)` - **注意: 这个方法只用于取单等值面, 如果你需要获取所有等值面, 还是用 `getIsoBandsFast` 或者 `getIsoBandsFastByWorker` 方法** - v1.0.3: - 添加了m4文件换行
npm install m4-w-fastgetIsoBandsByLayerBreak(breaks: number[], break: number)
getIsoBandsFast 或者 getIsoBandsFastByWorker 方法
read.start({ convertTemKtoC: true })
setParams(params: ParamsConfig, config?: ReadConfig) 方法, 用于设置动态参数, 而非固定从文件获取数据
start() 方法中的 json: JSONData[] 拼装, 如果需要json数据, 可以调用 getJsonData() 方法获取
start(config? ReadConfig)或setParams(params: ParamsConfig, config?: ReadConfig)中的config有关
ReadConfig 配置项, 新增:
plusOffset?: number 数据偏移量, 默认无偏移
getIsoBandsFastByWorker() 和 clipDataByJson() 方法新增了 useCpuCount 参数, 用于设置CPU使用数量, 默认为navigator.hardwareConcurrency - 4~~
.start()方法提供了一个Promise.reject的错误回调, 用于捕获文件读取错误
getIsoBandsFast()的绘图效果, 基于面积排序的结果存在一些未达预期的效果, 后续可能会撤销getIsoBandsFastByWorker()方法
getIsoBandsFast()的结果在裁剪时不匹配的问题
getIsoBandsFast()的返回类型兼容问题
getIsoBandsCanvas(breaks: number[], colors: (number[] | string)[], options?: CanvasOptions) 用于输出一个 HTMLCanvasElement 方便做图片操作
getIsoBandsCanvasByMap(breaks: number[], colors: (number[] | string)[], map: L.Map, options?: CanvasOptions) 用于输出一个基于 Leaflet 地图的 HTMLCanvasElement, 他的区别是实际坐标和地图坐标一致, 而不是标准的等值
buildGridCanvas(options?: CanvasOptions) 用于输出一个基于数据栅格的 HTMLCanvasElement, 只是个格子~~
updateGridCanvas(points: Point[], updateVal: number) 用于更新格点数据
umd 版本支持, 可以直接通过 script 标签引入使用, 全局注册变量命名为 M4WFast
buildGridLineCanvas(options?: CanvasOptions) 用于输出一个基于数据栅格的 HTMLCanvasElement, 只是个格子
buildGridCanvas(breaks: number[], colors: (number[] | string)[], options?: CanvasOptions): HTMLCanvasElement | null 用于输出一个基于数据栅格的 HTMLCanvasElement, 有填色
buildGridCanvasClipByJson(breaks: number[], colors: (number[] | string)[], json: FeatureCollection, options?: CanvasOptions): HTMLCanvasElement | null 用于输出一个基于数据栅格的 HTMLCanvasElement, 有填色并裁剪
boolean | false |
number | 无 |
number[] | [] |
number | 0 |
number | 0 |
number | 0 |
number | 0 |
number | 0 |
number | 0 |
number | 0 |
number | 0 |
number | 0 |
shell
npm i m4-w-fast
`
2. 使用示例
`vue
`
3. webWorker使用示例 (worker主要用来裁切文件)
- 注意!getIsoBandsFastByWorker()即将弃用!, 请使用getIsoBandsFast()
`vue