动态svg显示在img中

Hello 普通用户

发布于 2024-09-27

24 浏览

![](//storage-x1.90ckm.com/uploads/beb8b8cc89e739e44c1421a8a6c6b064/20240927_87833iShot_2024-09-27_15.39.18.png)

## 前台显示
img
```
<img src="/api?text=未授权1">
```

## 服务端
```

$this->show_text_img('未授权1');

private function show_text_img($text){
        ob_clean();
        $svg = $this->createSvg($text);

// 调试信息
        error_log("Generate method called. Text: " . $text);
        error_log("SVG content: " . $svg);

header('Content-Type: image/svg+xml');
        header('Access-Control-Allow-Origin: *');
        header('Cache-Control: no-store, no-cache, must-revalidate, max-age=0');
        header('Cache-Control: post-check=0, pre-check=0', false);
        header('Pragma: no-cache');

echo $svg;
        exit;
    }
    private function createSvg($text)
    {
        $svg = <<<SVG
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
    <svg xmlns="http://www.w3.org/2000/svg" width="300" height="100" viewBox="0 0 300 100">
        <rect width="300px" height="100px" fill="white"/>
        <text x="150" y="50" font-family="Arial, sans-serif" font-size="40" fill="red" text-anchor="middle" dominant-baseline="middle">
            $text
        </text>
    </svg>
SVG;
        return $svg;
    }
```

评论输入框

评论列表

没有任何评论

动态svg显示在img中

评论 (56)

分享图片