我需要获取 SVG 图像并将图像插入页面。我正在使用以下方法获取图像:
<?php echo file_get_contents("logo.svg"); ?>
输出类似
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"">
<path d="M12 2c5.514 0 10 4.486"></path>
</svg>
插入到页面后如何向 SVG 元素添加类?如:
<svg class="LogoStyle" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"">
<path d="M12 2c5.514 0 10 4.486"></path>
</svg>
或定位到路径元素:
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"">
<path class="LogoStyle" d="M12 2c5.514 0 10 4.486"></path>
</svg>
任何帮助都会很好,谢谢!
最佳答案
您可以将 svg
存储为 PHP 变量,然后使用 DOMDocument() 功能来完成此操作。
$svg = file_get_contents("logo.svg");
$dom = new DOMDocument();
$dom->loadHTML($svg);
foreach($dom->getElementsByTagName('svg') as $element) {
$element->setAttribute('class','new-classname-goes-here');
}
$dom->saveHTML();
$svg = $dom->saveHTML();
echo $svg;
要定位 path
而不是 svg
元素,只需将 getElementsByTagName('svg')
更新为 getElementsByTagName('路径')
。
关于php - 使用 PHP 的 file_get_contents 后将类添加到 SVG 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35376462/