提供丰富的动画功能，支持延时、循环和 seek。可以制作关键帧动画、摇摆动画、过渡动画、路径动画和滚动动画。通过Robot 元素，可以快速制作出具有行走和攻击动作的游戏角色。

边在流程图中扮演着重要的角色，随着业务场景的增加，流程图框架提供灵活的边模块尤为重要。本文介绍了LogicFlow的边模块的设计思路，并通过一个 实现动画边 的例子，带大家了解LogicFlow的边

经常在Codepen上看到大侠们用SVG画出不可思议的动画，我一直很好奇他们是怎么运作的，总觉得这需要对SVG有足够透彻的了解，并且自己画出那些SVG图案，才有办法让他动起来。 既然自己画不出来，那我们就去找现成的库，svg库有很多，如Flaticon、iconfont、Ico…

经常看一些 LOL 比赛直播的小伙伴，肯定都知道，在一些弹幕网站（Bilibili、虎牙）中，当人物与弹幕出现在一起的时候，弹幕会“巧妙”的躲到人物的下面，看着非常的智能。 其实，这里是运用了 CSS 中的 MASK 属性实现的。 之前在多篇文章都提到了 mask，比较详细的一…

最近接到了一个小需求，需要画一个数据漏斗图，原本也没什么，因为本来项目里就有 chart 相关需求，无非就是用现成的漏斗图改巴改巴就完事了。 第一种 - 纯Dom实现：看起来结构并不是很复杂，如果纯用dom来实现我觉得是可能的，层叠方案设计好一层一层放置元素应该是可以实现的。 …

平时我们写业务可视化组件的时候 会经常使用到 SVG, 也会使用 SVG 做一些动画。SVG.js 是一个开源项目，能够让你更优雅、便捷的方法编写 SVG。 我们也可以通过对 SVG.js 的分析来一起看下可以如何去写一个可视化的工具库。 SVG.js 是用于操作 SVG 和执…

可以通过 div 的方式 拼凑 一张图，然后 js 代码控制不同的 div 部件进行颜色变化。 可以通过 canvas 的方式绘制整张图，然后对画布内的元素进行控制。 可以找个第三方库，自定义形状 组合 一张图出来，然后进行控制。 可以通过 svg 图的方式展示内容，然后对 s…

github demo: github地址 如果对您有用，请顺手给个star... 本文主要以vue-cli3搭建的项目为例，来聊一下如何在项目中更优雅的使用svg。 众所周知，vue-cli3已经推出很长一段时间了，大家可以感受一下vue-cli3带来的零配置体验。But，也…