
ZRender
文章平均质量分 84
ccessl
爱生活,爱猫咪
展开
-
Canvas 类库ZRender开发的接水果的小游戏
最近使用了轻量级的 Canvas 类库 ZRender开发了一些自定义图件,所以想试试用zrender开发小游戏怎么样,自己也没什么经验,所以写着玩吧,可能有些逻辑部分写的不是很好。。这个小游戏很简单,内容为用篮子接水果,接到苹果10分,橘子5分,菠萝15分,草莓30分,通过键盘的左右按键控制篮子左右移动,最后得分为累计接到的水果得分。 一:首先我们需要一些水果的小图标...原创 2018-01-11 20:34:23 · 3669 阅读 · 2 评论 -
轻量级的Canvas类库zrender使用笔记 :简单自定义图件开发
ECharts,一个纯 Javascript 的图表库,底层依赖轻量级的 Canvas 类库 ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。当然我们自己可能有些需求,通过修改ECharts或者highcharts的option不能实现,比如说宽度不一致的柱状图图件。可以直接使用Canvas类库zrender开发图件,或者使用snap.svg.js开源项目开发图件。这里写...原创 2017-12-20 16:32:19 · 23278 阅读 · 2 评论 -
zrender zlevel层叠控制和Group使用笔记
在使用zrender的过程中发现的,如果想要设置不同层次的元素,可以通过设置zlevel。如果不设置的话默认zlevel为0。设置zlevel为-1,则它会在zlevel0的下面一层,设置的整数越大,则它会在越上层的位置。每一个不同的zlevel将产生一个独立的canvas,相同zlevel的组件或图标将在同一个canvas上渲染。zlevel越高越靠顶层,canvas对象增多会消耗更多的内存原创 2018-01-09 17:06:14 · 5463 阅读 · 1 评论