在浏览器中，任意的二维平面图形均可以通过path路径的形式描述。然后底层api 直接静态绘制出来。但是如果想动态的绘制路径，浏览器是没有直接支持方式的。 本文就是解决这个问题， 为浏览器补全这个功能，让静态的路径能方便的动态绘制。 效果还是挺酷炫的，实现的整个开发过程就从接需求…

如何使用 Echarts 和 SVG文件写大屏地图 如何使用 Echarts 和 SVG文件写大屏地图 契机 选择正确的地图组件 具名元素 实战开始吧！ 给 path 加上具名元素 基本用法 给地图加

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

SVG是矢量图形表示，它的一个强大之处在于path标签可以表示任意的矢量形状，利用好这个path可以做出很多传统html/css做不出来的效果。下面举几个例子。 1. 做路径动画 利用animateMotion结合path做的动画，具体说明可见上文。 2. 实现不规则形状的点击…

周六来公司写点东西，刚好有个icon颜色不对，ui又不在公司，那么就只能自己动手丰衣足食了。 呜呜呜，好想住公司，都不用上下班了。 当ui给你了svg图片，且是单色的，又只有你用 svg填充色用的fi

一个月前曾撰文《使用batik在kotlin中将TTF字体转换为SVG图像》介绍了如何将汉字转为SVG Path路径进行展示和变换，以此为基础用动画将一个汉字变为另一个汉字，感官上很好玩