在线资源
文档
- https://developer.mozilla.org/zh-CN/docs/Web/SVG/Tutorials/SVG_from_scratch/Introduction
- https://www.runoob.com/svg/svg-tutorial.html
- https://www.w3schools.com/graphics/svg_intro.asp
- https://www.w3.org/TR/SVG2/
文章
- https://www.zhangxinxu.com/wordpress/category/graphic/svg-graphic/
- https://www.oxxostudio.tw/articles/201410/svg-tutorial.html
交互式理解 SVG
- https://www.sarasoueidan.com/demos/interactive-svg-coordinate-system/index.html
- https://2019.wattenberger.com/guide/scaling-svg
- https://www.fffuel.co/svg-spinner/
- https://jxnblk.io/paths
开发相关
- SVGR 将 SVG 转为 React 组件。
- Svg.js 是一个轻量级 JavaScript 库，适合动态操作 SVG，安装简单，支持 npm。
- Snap.svg 提供丰富的动画库和事件处理，适合交互式 SVG 开发，基于 Apache 2 许可证。
- D3.js 是数据可视化库，广泛用于生成动态 SVG 图表，适合复杂交互。
- SVGO 优化工具
- Two 是一个轻量级的 SVG 图形库，支持动画和交互。
- GSAP 动画库，商用收费。
工具
在线编辑器
- https://www.svgviewer.dev/
- https://editor.method.ac/
- https://edit.svgomg.net/
- https://boxy-svg.com/app
优化工具
- https://optimize.svgomg.net/
- https://svgoptimizer.com/
- https://vecta.io/nano
- https://www.infyways.com/tools/svg-optimizer/
编辑软件
格式转化
- https://svgtopng.com/zh/
- https://svgconverter.com/zh/
- https://png-to-svg.com/
- https://image.online-convert.com/convert/svg-to-png