zoukankan      html  css  js  c++  java
  • 几个前端2d图形库的比较

    最近项目需要一些绘图的操作,所以对比了一些热门一点的开源2d图形库。

    fabric.js

    一个操作canvas的库,在github上有18k的star。支持svg与canvas的互相转换,基础的图形元素当作对象操作,包含了拖拽、缩放、变形等处理,支持图层。
    缺点似乎是官方的自动生成的文档并不是那么友好,好在demo挺多的。

    Konva.js

    fabric.js的功能很像,普通绘图元素也是当作对象来操作,挂网文档也更优秀一些,但是github上没有fabric.js热门,只有不到6k的star。

    pixi.js

    支持webgl的渲染引擎,性能非常优秀,在这个benchmarks页面上看到,我的设备上,正方形数调到5000,只有pixi.jstwo.js能保持60帧,其他的都小于30帧。因为优异的渲染性能,pixi.js主要用于做游戏。
    基础绘图函数似乎没有fabric.js丰富,拖拽等操作也需要自己编写,不像fabric.js已经默认开启。

    two.js

    同样支持webgl渲染,基础绘图接口很丰富,官网例子很漂亮。但是似乎除了svg没找到加载普通位图的接口,并且似乎不支持es模块的加载方式,也不支持typescript。不过github上的开发还算活跃,后面应该会补上。


    所以比较之后的结果是,如果需要追求渲染性能,应该使用pixi.js,但仅仅是方便图形操作,直接用fabric.js也够了。

  • 相关阅读:
    JavaWeb 期末设计 测试部署
    JavaWeb 期末项目设计 业务逻辑与实现
    JavaEE期末设计-银行转账系统需求文档分析
    Lamda 表达式
    Spring AOP capabilities and goals
    LDAP & Implement
    RESTful levels & HATEOAS
    Servlet CDI
    spring 历史&哲学
    mysql backup & recovery
  • 原文地址:https://www.cnblogs.com/fwindpeak/p/14480556.html
Copyright © 2011-2022 走看看