xiaoiver

[g] Path 修改 transform 有误

6

https://github.com/antvis/G2/issues/5947 ```ts d: 'M304,42A168,168,0,0,1,459.4210205078125,273.78399658203125L352.5690002441406,229.93299865722656A52.5,52.5,0,0,0,304,157.5Z', transform: 'translate(304, 210)' ```

导致擦除不干净

WebGPU 渲染 Path 时报错： ``` Instance range (first: 0, count: 3) requires a larger buffer (192) than the bound buffer size (64) of the vertex buffer at slot 0 with...

[g] 测试框架使用 Playwright 代替 jest-electron

1

理由如下： * `jest-electron` 停止维护，且不支持太高版本的 Node 环境 * headless-gl 仅支持 WebGL1，而 playwright 的 headless-chrome 支持 WebGL1 / 2 & WebGPU * > Playwright Test was created specifically to accommodate the needs...

设置 transform 后 ```ts const g = new Group({ style: { x: 200, y: 200 } }) // g.setLocalPosition(200, 200) g.scale(1); g.style.transform = 'scale(1)'; // wrong ```

目前支持导出静态图片 PNG： https://g.antv.antgroup.com/guide/advanced-topics/image-exporter 而在数据新闻中，GIF 或者 video 更适合： https://www.visactor.io/vchart/guide/tutorial_docs/Intelligent_Visualization/Getting_Started_with_Data_Video 生成 gif： https://github.com/jnordberg/gif.js

绘制 5k Line 和 5w Circle 时，由于使用了 instanced array，会批量绘制，并且减少 Program 的切换。 例如 useProgram ID 2 绘制所有 line，过程中不需要切换：  但如果加入了文本，即使是隐藏的，也会导致 program 的频繁切换： 

three.js fatline 实现渐变的方式是设置顶点属性颜色，通过插值进行渐变。但这需要将 Path 分割成多个小段： https://github.com/vasturiano/three-fatline/ 还是想通过贴图方式实现，使用 Canvas2D 创建渐变或者 Pattern。