qml显示svg矢量图形

本篇博客介绍如何使用qml现在svg图形，代码已经过Qt6.8.3测试，可用。
首先了解一下SVG的概念及特性。

1. 什么是 SVG？

SVG 是一种基于 XML (可扩展标记语言) 的、用于描述二维矢量图形的开放标准。

简单来说，它不是像 JPEG、PNG 那样用像素点阵来记录图像（位图/栅格图），而是用一套数学公式和指令来描述图形的形状、线条、曲线、颜色和文本。你可以把它想象成一份“绘图说明书”，告诉浏览器或渲染引擎如何一步步地画出这个图形。

例如，一个红色的圆形，PNG 文件会记录每个像素点的颜色值，而 SVG 文件则会记录类似这样的信息：“在坐标 (50, 50) 处，画一个半径为 40 的圆，并用红色填充它”。

2. SVG 的核心特性

a. 可缩放性 (Scalable)

这是 SVG 最核心也是其名称的由来。因为它是基于数学描述的，所以无论你将它放大多少倍，它都不会失真或出现锯齿（像素化）。它总能根据新的尺寸重新计算并清晰地渲染出来。这使得 SVG 在响应式设计和高分屏（如 Retina 屏幕）上表现完美。