V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
CraxClive
V2EX  ›  程序员

高性能的 Canvas 库有推荐吗?

  •  
  •   CraxClive · 2020-06-29 21:02:52 +08:00 · 3788 次点击
    这是一个创建于 1644 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最好只是基于 Canvas 做一些基础图形的封装和缓存,要求比较轻量化,因为涉及到比较多的的 shape 创建和销毁。

    主要是拿来做 GIS 相关的海量图形渲染。

    类似于轨迹、点、三角形这种,目前用过 SpriteJS (每次移动地图都会对某些点做 hide or show,导致性能方面有很多问题) konva(事件系统很优秀,但是还是太臃肿了,单个 shape 过重导致内存泄漏比较严重) G(极度卡顿。。。)

    如果实在没有的话,有什么比较轻量化的库可供参考吗?我只能自己写一个了。

    6 条回复    2020-07-01 11:18:25 +08:00
    kalluwa
        1
    kalluwa  
       2020-06-29 21:20:42 +08:00
    推荐->wasm
    一般情况->webgl2

    gis 的相关东西,自己写吧,一旦涉及到性能,js 就显得捉襟见肘,3d 的都不够,2d 的 context 性能更孱弱
    (不过 webgl 到现在也没 geometryshader,还是限制很大)
    CraxClive
        2
    CraxClive  
    OP
       2020-06-30 00:48:16 +08:00
    @kalluwa 谢谢
    CraxClive
        3
    CraxClive  
    OP
       2020-06-30 07:54:06 +08:00 via Android
    Up
    xqdoo00o
        4
    xqdoo00o  
       2020-06-30 08:18:43 +08:00
    canvaskit 吧 skia 的 wasm 构建.
    CraxClive
        5
    CraxClive  
    OP
       2020-06-30 08:35:16 +08:00 via Android
    @xqdoo00o 看了下发现还不错,但是还是不够成熟,我这边 WebGL 都会出现兼容性问题。。。我还是自己手动封装吧,谢谢。
    cheyne
        6
    cheyne  
       2020-07-01 11:18:25 +08:00
    fabric.js
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2852 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 14:14 · PVG 22:14 · LAX 06:14 · JFK 09:14
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.