Java SVG（一）图形、路径与变换总结；椭圆弧与贝塞尔曲线的详细解析...]

近期工作中需要处理大量 SVG 图片，因此从零开始学习了 SVG 相关的内容。

所参考的书籍是《SVG Essentials, 2nd Edition》及其中文译本《SVG精髓（第2版）》。

这本书讲解深入浅出，包含大量实例，内容非常实用。由于 SVG 涉及许多关于颜色的内容，因此建议大家阅读电子版。

当前的工作任务是实现一个相框功能，在此过程中涉及到了诸如 use、image、clip-path 等元素。经过一段时间的学习后终于解决了相关问题，因此希望记录下学习内容和解决方案。

由于内容较多，计划开设一个系列文章，这是 SVG 系列的第一篇，主要总结基础知识。后续将会有更多关于 SVG 的内容。敬请期待！

SVG 基础知识

形状参考总结

形状

描述

直线：起点（start-x, start-y）终点（end-x, end-y）

矩形：左上角坐标（left-x, top-y），宽度 width 和高度 height

圆：圆心坐标（center-x, center-y），半径 r

椭圆：圆心坐标（center-x, center-y），x 轴半径 rx 和 y 轴半径 ry

多边形：由一系列坐标组成，points-list: x1 y1 x2 y2 x3 y3...

折线：由一系列坐标组成，points-list: x1 y1 x2 y2 x3 y3...