如何生成svg文件夹并强制下载为使用php的svg文件？

Question

我已经在html中使用PHP生成输出为svg，并且必须强制下载它作为svg图像，当我单击下载为svg时。当我点击下载时如何生成它作为svg图像。

foreach($items as $item){ 
    // echo $item->top; 
$top  = str_replace('px', '', $item['top']); 
$left  = str_replace('px', '', $item['left']); 
    echo '<div style="background-color:#fff;width:333.333px;height:500px;">'; 
    echo '<div style="position:absolute;top:'.$top.';left:'.$left.'">'; 
    $svg_element = $item['svg']; 
    echo $svg_element; 
    echo '</div>'; 
    echo '</div>'; 
} 

    // output 
    <div style="background-color:#fff;width:333.333px;height:500px;"><div style="position:absolute;top:235;left:64.0667"> 
<svg width="198" height="132" viewBox="0 0 99 52" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none"> 
<defs><style>@font-face{font-family: 'Twine';src: url("data:application/font-ttf;charset=utf-8;base64,") 
<g id="0.38592716854139286"><text fill="#000000" stroke="none" stroke- width="0" stroke-linecap="round" stroke-linejoin="round" x="32" y="39" text-anchor="middle" font-size="40.30555555555556" font-family="Twine" data-textcurve="0" data-itemzoom="1 1" itemzoom="0.5 0.3939393939393939"> <tspan dy="0" x="50%">Hello</tspan></text></g> 

Answer 1

对于SVG应该没有任何div。所以我已删除的div和宽度和高度，背景颜色创建SVG，并把内容的文件保存为扩展名为.svg

$op = '<svg width="'.$template_width.'" height="'.$template_height.'">'; 
foreach($items as $item){ 
    // echo $item->top; 
$top  = str_replace('px', '', $item['top']); 
$left  = str_replace('px', '', $item['left']); 
    $op .= str_replace('<svg ', '<svg y="'.$top.'" x="'.$left.'" ', $item['svg']); 

} 
$op .= '</svg>'; 
$filename = '/front_'.time().'.svg'; 
file_put_contents(realpath(dirname(__FILE__)).$filename, $op);