在 ThinkPHP 中加载和显示 SVG 文件与加载其他类型的静态资源（如图片、CSS、JavaScript）类似。SVG 文件可以直接通过 HTML 的 <img> 标签、<object> 标签、<embed> 标签或者内联方式加载。以下是一些常见的方法：
1. 使用 <img> 标签
这是最简单的方法，将 SVG 文件作为图像加载：
<img src="/path/to/your/image.svg" alt="Description of the SVG image">
2. 使用 <object> 标签
如果你需要更多的控制，比如访问 SVG 的内部结构（通过脚本），可以使用 <object> 标签：
<object type="image/svg+xml" data="/path/to/your/image.svg">
Your browser does not support SVG
</object>
3. 使用 <embed> 标签
<embed> 标签也可以用来嵌入 SVG 文件：
<embed type="image/svg+xml" src="/path/to/your/image.svg">
4. 内联 SVG
如果你需要对 SVG 进行样式化或者脚本操作，可以直接在 HTML 中内联 SVG 代码：
<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>
在 ThinkPHP 中使用
-
确保路径正确：在 ThinkPHP 项目中，通常静态资源会放在
public目录下，确保你的 SVG 文件路径是相对于public目录的。 -
模板渲染：如果你在 ThinkPHP 的模板文件中使用这些标签，确保模板引擎（如 Smarty 或原生 PHP 模板）不会对这些标签进行转义。
-
控制器逻辑：通常，加载 SVG 不需要特别的控制器逻辑，除非你需要根据某些条件动态选择或生成 SVG 文件。
示例
假设你的 SVG 文件位于 public/images/example.svg，在模板文件中你可以这样引用：
<img src="__PUBLIC__/images/example.svg" alt="Example SVG">
这里 __PUBLIC__ 是 ThinkPHP 模板中常用的常量，用于指向 public 目录（具体常量名称可能因版本或配置而异，需根据实际情况调整）。
通过这些方法，你可以在 ThinkPHP 项目中轻松加载和显示 SVG 文件。
