正确使用PHP库-地理模式
我需要随机模式作为我的网站的背景图像。我发现这个很棒的php库名为。这里有一些。这个用法看起来很简单,所以我设置了一个测试。下面是我的test.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
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>'; ?>