如何加载使用PHP生成的SVG文件?

时间:2012-07-09 19:10:24

标签: php apache svg xampp

我想用PHP创建一个SVG文件,然后将其包含在HTML文件中。这是我到目前为止(this tutorial之后)

svg.php:

<?php
header("Content-type: image/svg+xml");
?>
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
"http://www.w3.org/TR/2001/
REC-SVG-20010904/DTD/svg10.dtd">

<svg width="310" height="140" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <g style="stroke:black;fill:lightgreen" transform="translate(30,30)">
        <rect x="10" y="10" width="100" height="30" style="stroke-width:4"/>
        <circle cx="170" cy="25" r="20" style="stroke-width:4"/>
        <line x1="265" y1="10" x2="200" y2="70" style="stroke-width:4"/>
        <text x="80" y="90" style="font:size: 8">Basic shapes</text>
    </g>
</svg>

的index.html

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
html,body, #MOSVG { 
    height: 100%; 
    width: 100%;
    padding:0;
    margin:0;
}
</style>
</head>
<body>
    <object data="svg.php" type="image/svg+xml" id="MOSVG" />

</body>
</html>

当我查看index.html时,我看到的只是一个空白页面。控制台上没有警告/错误。 Apache错误日志(我正在使用XAMPP)给出[Mon Jul 09 14:36:15 2012] [error] [client 127.0.0.1] script 'C:/xampp/htdocs/svgtest/public/svg.php' not found or unable to stat, referer: http://localhost/svgtest/public/。他们在同一个目录中。

1 个答案:

答案 0 :(得分:8)

GeoPhoenix在上面回答,我想我会把它放到一个答案中,以便有一个正式的答案:

  

如果您移除<?xml?>行,则会呈现svg

由于short-open-tag设置(thanks to fvu),PHP可以将<?视为PHP代码的开始标记(而不是XML声明)。这是一个简单的解决方案,我刚刚更换了

<?xml version="1.0" encoding="iso-8859-1"?>

<?php echo '<?xml version="1.0" encoding="iso-8859-1"?>';?>

这具有相同的预期结果,不会导致语法错误。