首先我们需要知道流程图需要哪些东西。页面主要分为物料区域、画布区域、操作栏。最终的产物就是在画布上绘制一些图形。 所以我们的问题变成如何在画布上绘制出矩形、菱形、直线。这个时候就是 Svg 出场的

业务需要用SVG实现一个足球滚动的同时自身旋转。 刚开始使用了animateTransform： 发现旋转的原点不是元素中心，查找了很多资料，发现可以使用style来解决这个问题 参考资料 理解SVG

1.安装 svg-sprite-loader 2.建立维护文件 src/icons/svg 在svg文件夹下创建wx.svg并将相关svg代码拷入 3.配置 vue.config.js 4.封装图标组

path 是 SVG 基本形状中最强大的一个，不仅可以实现 预定义的 line、rect、circle、ellipse、line等形状，还可以绘制任意路径，控制动画路径等..

这是我参与更文挑战的第2天，活动详情查看： 更文挑战 前言 说来话长，一直想复习下svg的知识，一直找不到合适的理由。因为，前端的知识很多，如果学了不去用就会忘记。而且有一个很重要的点，就是你的理解不