m4文件绘图程序

$3

- v1.0.1: 修复了安装在vite环境打包时woker不正常工作的问题
- v1.0.2: 新增了一个可以单独获取某一个break的等值面方法 getIsoBandsByLayerBreak(breaks: number[], break: number)
- 注意: 这个方法只用于取单等值面, 如果你需要获取所有等值面, 还是用 getIsoBandsFast 或者 getIsoBandsFastByWorker 方法
- v1.0.3:
- 添加了m4文件换行符的兼容
- 增加了配置项在解析的时候将开氏度转换为摄氏度 (K -> ℃) (-272.15)
- read.start({ convertTemKtoC: true })
- v1.0.4:
- 提供了一个 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~~
- v1.0.5:
- .start()方法提供了一个Promise.reject的错误回调, 用于捕获文件读取错误
- 优化了在少数情况下, 绘图会出现有值但没有被绘制的问题
- v1.0.6:
- 优化getIsoBandsFast()的绘图效果, 基于面积排序的结果存在一些未达预期的效果, 后续可能会撤销getIsoBandsFastByWorker()方法
- v1.0.7:
- 修复getIsoBandsFast()的结果在裁剪时不匹配的问题
- v1.0.8:
- 修复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
- v1.0.9:
- 新增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, 有填色并裁剪

$3

> ReadConfig

| 参数 | 说明 | 类型 | 默认值 |
|----|----|-----------|-------|
| convertTemKtoC | 是否将温度从开氏度转换为摄氏度 | boolean | false |
| plusOffset | 数据偏移量 | number | 无 |

---

> ParamsConfig

| 参数 | 说明 | 类型 | 默认值 |
|--------|----|------------|-----|
| values | 数据值数组 | number[] | [] |
| nx | 栅格列数 | number | 0 |
| ny | 栅格行数 | number | 0 |
| minLng | 最小经度 | number | 0 |
| minLat | 最小纬度 | number | 0 |
| gjLng | 经度分辨率 | number | 0 |
| gjLat | 纬度分辨率 | number | 0 |

---

> JSONData

| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| lng | 经度 | number | 0 |
| lat | 纬度 | number | 0 |
| val | 数据值 | number | 0 |

$3

1. 安装这个库
``shell
npm i m4-w-fast
`

2. 使用示例
`vue

`

3. webWorker使用示例 (worker主要用来裁切文件)
- 注意!getIsoBandsFastByWorker()即将弃用!, 请使用getIsoBandsFast()
`vue