I want to create a SVG file with PHP, and then include it in a HTML file. Here's what I have so far (following 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>
When I look at index.html
all I see is a blank page. There's no warnings/errors on the console. Apache error logs (I'm using XAMPP) give [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/
. They're in the same directory.
GeoPhoenix answered above, I figured I'd put it into an answer so that there's an offical one:
if you remove the
<?xml?>
line it renders the svg
PHP can see <?
as the opening tag for PHP code (rather than an XML declaration), thanks to the short-open-tag setting (thanks to fvu). This is an easy fix, I just replaced
<?xml version="1.0" encoding="iso-8859-1"?>
with
<?php echo '<?xml version="1.0" encoding="iso-8859-1"?>';?>
This has the same intended result and doesn't cause syntax errors.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With