Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/297.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
正确使用PHP库-地理模式_Php_Svg - Fatal编程技术网

正确使用PHP库-地理模式

正确使用PHP库-地理模式,php,svg,Php,Svg,我需要随机模式作为我的网站的背景图像。我发现这个很棒的php库名为。这里有一些。这个用法看起来很简单,所以我设置了一个测试。下面是我的test.php中的代码 require_once('geopattern_loader.php'); $geopattern = new \RedeyeVentures\GeoPattern\GeoPattern(); $geopattern->setString('Mastering Markdown'); $geopattern->setBase

我需要随机模式作为我的网站的背景图像。我发现这个很棒的php库名为。这里有一些。这个用法看起来很简单,所以我设置了一个测试。下面是我的test.php中的代码

require_once('geopattern_loader.php');
$geopattern = new \RedeyeVentures\GeoPattern\GeoPattern();
$geopattern->setString('Mastering Markdown');
$geopattern->setBaseColor('#54ff9f');
$geopattern->setColor('#ffff00');
$geopattern->setGenerator('sine_waves');
$svg = $geopattern->toSVG();
$base64 = $geopattern->toBase64();
$dataURL = $geopattern->toDataURL();
我试图用下面的代码显示一个模式。但不知何故,我无法将图像显示在前端

echo '<div style="background-size: 400px 400px; height: 400px; width: 400px; background-image: '.$dataURL.';"></div>';

下面是它在firebug css控制台中的外观

element.style {
    background-image: url("");
    background-size: 400px 400px;
    height: 400px;
    width: 400px;
}

问题在于引用。Base64图像使用双引号,有效地关闭了div上的“style”属性

您必须在样式属性上使用单引号,并按如下方式对其进行转义:

<?php echo '<div style=\'background-size: 400px 400px; height: 400px; width: 400px; background-image: '.$dataURL.';\'></div>'; ?>


您给出的代码很好。链接到的Base64图像工作正常:问题与HTML/CSS有关。也许你应该发布更多的HTML/CSS,并将它们作为标签添加到你的问题中。@Adelphia我已经更新了问题,请检查。谢谢。好的,我给了你答案,请接受我的答案来获得你的分数,如果有帮助的话,请投票:)天哪,真不敢相信我错过了这么简单的东西。我想是时候休息一下了。谢谢你的帮助。投赞成票:)它发生了。我在这里问的90%的问题都是这样的lol。。。
<?php echo '<div style=\'background-size: 400px 400px; height: 400px; width: 400px; background-image: '.$dataURL.';\'></div>'; ?>