7c00cc

@milukun 这篇文章我看过，就 icon 裁剪比较有价值，其他优化方法对 canvaskit 意义不大。我不看好 html 渲染模式，文章里的 web app 我用 android 体验过了，很简单的页面掉帧都很明显，我自己的 app 也编译成 html renderer 试过，也是性能糟糕，而且无法正常显示 flutter 里 canvas 渲染出来的界面。说白了 html renderer 只是让 flutter app 勉强能在 web 里运行而已，实际体验还比不上用传统 web 技术开发的。

@murmur 这个 app 是 mobile first 的，desktop 还没打算做优化适配，flutter 现状就是对 desktop 优化不够，特别是对鼠标滚轮，地图的交互是基于 flutter 的 InteractiveViewer 做的，我对这个 widget 的手势动画也不够满意。

既然你提到了 b 站的地图，那么建议你用手机浏览器体验看看两者在流畅性上的差距。我对 web 版做了一些特殊优化，主要想看看 flutter canvaskit 在 web 能做到怎样的性能，图片只加载到 1/2 尺寸，android app 才是完整体验。

这个项目是实验性的，我无意安利 flutter ，只是想提供多一个可参考的案例。事实上我在做 web 版优化的时候就发现一个无解的性能问题，除此之外，widgets 稍微复杂也更容易掉帧。但技术不是非黑即白，无可否认的是 flutter web 极大降低了在 canvas 构建高性能 ui 的难度。

我这里提供一个新鲜的例子，做的游戏地图 https://github.com/qiuxiang/genshin-maps