如何使用PHP实现动态生成SVG图形的文件下载功能

你现有代码存在以下问题：

• include() 执行后默认直接输出内容，仅当被引入文件return内容时才会赋值给变量，你当前写法拿到的$file实际是引入成功的返回值1，并非SVG内容
• index.php 输出包含表单、按钮等HTML代码，不是纯SVG内容，直接引入会导致下载的文件格式非法
• 跳转download.php时没有传递用户输入的段数参数，无法生成对应SVG
• SVG的正确MIME类型为image/svg+xml，你写的image/svg会导致部分浏览器识别异常

解决方案 #

第一步：抽离公共SVG生成逻辑

新建svg_generator.php存放核心生成代码，避免两边重复写逻辑：

<?php
function generate_svg($segment_count) {
    // 把你index.php中省略的$segment_arc定义、$generate_arc圆弧生成逻辑复制到此处
    $segment_arc = 360 / $segment_count;
    $generate_arc = function($start_angle, $end_angle) {
        // 替换为你原有圆弧路径生成代码
        $radius = 100;
        $start_x = 100 + $radius * cos(deg2rad($start_angle - 90));
        $start_y = 100 + $radius * sin(deg2rad($start_angle - 90));
        $end_x = 100 + $radius * cos(deg2rad($end_angle - 90));
        $end_y = 100 + $radius * sin(deg2rad($end_angle - 90));
        $large_arc = ($end_angle - $start_angle > 180) ? 1 : 0;
        return "M 100 100 L $start_x $start_y A $radius $radius 0 $large_arc 1 $end_x $end_y Z";
    };

    $svg = '<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">';
    for ($i = 0; $i < $segment_count; $i++) {
        $start_angle = $segment_arc * $i;
        $end_angle = $segment_arc * ($i + 1);
        $svg .= '<path fill="#ff0000" stroke-width="0" d="'.$generate_arc($start_angle, $end_angle).'" />';
    }
    $svg .= '</svg>';
    return $svg;
}
?>

第二步：修改index.php

替换原有SVG生成逻辑，给下载按钮携带段数参数：

<body>
<div class="container">
    <form action="index.php" method="get">
        <label for="segments">段数</label><br/>
        <input type="number" id="segments" name="segment">
        <input type="submit" value="提交" name="submit">
    </form>
<?php
require_once 'svg_generator.php';
$getSegment = intval($_GET['segment'] ?? 0);
if ($getSegment > 0) {
    // 输出生成的SVG到页面
    echo generate_svg($getSegment);
?>
    </div>
    <div class="container">
        <!-- 下载请求携带段数参数 -->
        <button class="btn btn-primary" onclick="location.href='download.php?segment=<?php echo $getSegment; ?>'">下载</button>
    </div>
<?php
} else {
    echo '请输入段数！';
}
?>
</body>

第三步：重写download.php

<?php
require_once 'svg_generator.php';
$segment = intval($_GET['segment'] ?? 0);
if ($segment <= 0) {
    die('参数错误，请先输入段数生成SVG');
}

$svg_content = generate_svg($segment);

header('Content-Disposition: attachment; filename="segment.svg"');
header('Content-Type: image/svg+xml');
header('Content-Length: ' . strlen($svg_content));
header('Connection: close');

echo $svg_content;
exit();
?>

额外注意 #

你原有代码中path的fill属性写了#red属于非法颜色值，建议改成red或者标准十六进制色值如#ff0000；同时确保download.php文件开头没有空格、换行等前置输出，避免header发送报错。

内容的提问来源于stack exchange，提问作者Julia152