工具栏拥有以下能力：填充色、边框色、边框粗细、边框类型（虚线、实线等） 另外还加入了一些便捷操作，如撤销、回退、添加各种精灵形状等

SVG 动画精髓

年中的时候，花了点时间在 SVG 动画开发学习上，经过不断探索总结，结合自己学到的知识，以小册子的形式沉淀下来一整套基于 SVG 进行动画开发的实践方法，我把它命名为《SVG 动画开发实战》。 如今的 Web 页面动画的实现方式有很多种解决方案，比如使用原生 CSS3 Anim…

大家好，今天给大家分享下svg如何实现一个简单的tabbar动效，并适配移动端平台。 demo链接 动画最后阶段：尬聊图标中间小圆跳动显示，其他三个内部小图标变成白色并进行线条移动显示。 动画分析后，我们先来进行准备工作，由于这个动效没有原始文件，所以我们还需自己在软件上进行4…

SVG，即可缩放矢量图形(Scalable Vector Graphics)，是一种 XML 应用，可以以一种简洁、可移植的形式表示图形信息。目前，人们对 SVG 越来越感兴趣。大多数现代浏览器都能显示 SVG 图形，并且大多数矢量绘图软件都能导出 SVG 图形。SVG 主要可…

上篇：https://juejin.im/post/6844903477768896525 中篇：https://juejin.im/post/6844903477890514958 在前面两篇文章中，虽然完整描述了任意图形的变形动画实现方法，但最大的局限性显…

由于 SVG 图像是矢量图像，可以无线缩放，而且在图像质量下降方面没有任何问题。因为 SVG 图像是使用 XML标记 构建的，浏览器通过每个点和线来打印他们，而不是用预定义的像素填充某些空间。这确保 SVG 图像可以适应不同的屏幕大小和分辨率。 由于是在 XML 中定义的，SV…

蒙版对于UI设计师来说，太熟悉不过了，当然了，可能PS里面用的多一些，AI里面用的少一些，SVG同样支持蒙版，而且借助蒙版，能完成很多神奇的效果。我喜欢称蒙版动画为一种魔术，这是真正的“障眼法”，它只让你看到想要看到的部分。 前面SVG的动画效果里，有两次用过了蒙版，一个是在路径…

接着上篇 https://juejin.im/post/6844903477768896525 继续，上篇对于UI来说，应该是小菜菜，因为毕竟都是以AI为出发点，所有的调整也都是在AI里来完成，从现在开始，继续深入下去，加大点难度。上篇称之为基础篇，这篇是进阶篇。 6.…