开源 画图_github4000Star,前端画图引擎ZRender你知道么?

很多人刚学前端的时候,都想画出非常漂亮的图形,在日常的工作与生活中,图表也是非常需要的,很多前端工程师都需要画图表,以此来满足产品经理可视化分析的需求。今天,我们来介绍一款2D的Canvas画图引擎,ZRender,它是由百度开源的Echart里面的一个画图组件,在Github上面已经接近4000个星星。

ZRender有什么特点的?一个轻量级的Canvas类库,MVC封装,数据驱动,提供类Dom事件模型。给我们不一样的Canvas体验。我们甚至不需要去学习Canvas的API,只需要关注要画的图像本身。

52e53b44f7bf75043f5f5d3f73873725.png

ZRender是由数据驱动的,这意味着,我们想画图的时候,我们更多要关心的,只是图像的数据,至于怎么画,ZRender框架已经帮我们解决。例如,我们想画一个圆,我们只要关心圆心跟半径的位置即可,我们想要画一个矩形,只要关心矩形的左上角以及矩形的长宽即可。图像的颜色,透明度这些,都只是这些图像类的参数。更强大的是,如果我们需要这些图像可拖拽,也只要设置一个参数就行。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值