dtyz76562
2018-07-03 07:12
浏览 174
已采纳

从文件中提取SVG标记/节点

I have an SVG:

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Filled_Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
     y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<path d="M21.499,2.506c-0.827,0-1.5,0.671-1.5,1.5c0,0.827-0.673,1.5-1.5,1.5c-0.827,0-1.5-0.673-1.5-1.5c0-1.653-1.346-3-2.999-3
    c-1.654,0-3,1.347-3,3v2H9.5c-0.276,0-0.5,0.223-0.5,0.5v1.09c-3.005,1.217-5,4.15-5,7.41c0,4.411,3.589,8,8,8s7.999-3.589,7.999-8
    c0-3.26-1.994-6.193-4.999-7.41v-1.09c0-0.277-0.224-0.5-0.5-0.5H12v-2c0-1.104,0.896-2,2-2c1.102,0,1.999,0.896,1.999,2
    c0,1.378,1.122,2.5,2.5,2.5c1.379,0,2.5-1.122,2.5-2.5c0-0.275,0.225-0.5,0.5-0.5c0.276,0,0.5-0.225,0.5-0.5
    C21.999,2.73,21.775,2.506,21.499,2.506z M9.141,10.904c-2.262,1.577-2.819,4.699-1.242,6.962C8.056,18.092,8,18.402,7.773,18.561
    c-0.087,0.06-0.186,0.089-0.285,0.089c-0.158,0-0.313-0.073-0.41-0.212c-0.917-1.316-1.267-2.908-0.984-4.486
    C6.375,12.373,7.255,11,8.569,10.084c0.227-0.158,0.538-0.103,0.696,0.124C9.423,10.434,9.367,10.747,9.141,10.904z"/>
</svg>

I'm trying to extract only the <svg>..</svg> tag using:

$xml = simplexml_load_file( $file );
// (string) $xml->svg
echo print_r($xml,1);

.. but the returned object looks quite different:

SimpleXMLElement Object
(
    [@attributes] => Array
        (
            [version] => 1.1
            [id] => Filled_Icons
            [x] => 0px
            [y] => 0px
            [width] => 24px
            [height] => 24px
            [viewBox] => 0 0 24 24
            [enable-background] => new 0 0 24 24
        )

    [g] => SimpleXMLElement Object
        (
            [path] => SimpleXMLElement Object
                (
                    [@attributes] => Array
                        (
                            [d] => M9.188,2.609c0.255,0.104,0.378,0.396,0.274,0.652C9.358,3.516,9.065,3.639,8.811,3.535   C7.571,3.031,6.031,3.083,4.979,3.665C4.679,3.833,4.322,4.102,4.132,4.496C5.438,5.14,5.905,6.313,5.905,6.958   c0,0.277-0.224,0.5-0.5,0.5c-0.275,0-0.5-0.223-0.5-0.5c0-0.018-0.152-1.763-2.592-1.907C1.812,5.042,1.226,5.292,0.778,5.733   C0.29,6.215,0.01,6.852,0.01,7.479c0,0.015-0.008,0.029-0.009,0.044C0.009,8.449,0.499,9.261,1.316,9.7   c0.647,0.346,1.399,0.389,2.064,0.138c0.374,0.593,0.997,1.051,1.83,1.341c1.334,0.463,3.067,0.419,4.18-0.068   c0.547,0.613,0.603,1.024,0.608,2.39c-0.405,0.001-0.812,0.1-1.183,0.299C7.992,14.242,7.499,15.064,7.499,16   c0,0.914,0.476,1.726,1.271,2.175c0.378,0.214,0.79,0.322,1.203,0.325c-0.225,2.024-1.87,2.381-4.289,2.67   c-1.728,0.207-3.686,0.441-3.686,2.329c0,0.275,0.225,0.5,0.5,0.5h19c0.276,0,0.5-0.225,0.5-0.5c0-1.888-1.957-2.122-3.685-2.329   c-2.419-0.29-4.064-0.646-4.289-2.67c0.413-0.003,0.825-0.111,1.203-0.325c0.796-0.449,1.271-1.262,1.271-2.175   c0-0.936-0.492-1.758-1.316-2.201C14.811,13.602,14.404,13.502,14,13.5c0.006-1.366,0.062-1.779,0.608-2.392   c0.955,0.41,2.43,0.516,3.649,0.229c0.885-0.209,1.594-0.596,2.078-1.132c0.685,0.367,1.498,0.396,2.224,0.057   C23.447,9.847,23.999,8.98,23.999,8c0-0.652-0.252-1.286-0.737-1.767c-0.417-0.406-0.997-0.691-1.558-0.682   c-2.417,0.143-2.569,1.889-2.569,1.906c0,0.277-0.224,0.5-0.5,0.5s-0.5-0.223-0.5-0.5c0-0.669,0.503-1.909,1.919-2.534   c-0.211-0.565-0.239-0.842-0.993-1.259c-1.052-0.582-2.591-0.635-3.831-0.129c-0.256,0.104-0.547-0.019-0.651-0.274   c-0.104-0.256,0.019-0.548,0.274-0.652c0.476-0.192,0.989-0.311,1.511-0.369c-1.118-1.092-2.683-1.74-4.364-1.74   c-1.679,0-3.241,0.646-4.358,1.736C8.174,2.292,8.701,2.411,9.188,2.609z
                        )

                )

        )

)

How to extract only the svg tag, so the expected output is:

<svg version="1.1" id="Filled_Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
     y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<path d="M21.499,2.506c-0.827,0-1.5,0.671-1.5,1.5c0,0.827-0.673,1.5-1.5,1.5c-0.827,0-1.5-0.673-1.5-1.5c0-1.653-1.346-3-2.999-3
    c-1.654,0-3,1.347-3,3v2H9.5c-0.276,0-0.5,0.223-0.5,0.5v1.09c-3.005,1.217-5,4.15-5,7.41c0,4.411,3.589,8,8,8s7.999-3.589,7.999-8
    c0-3.26-1.994-6.193-4.999-7.41v-1.09c0-0.277-0.224-0.5-0.5-0.5H12v-2c0-1.104,0.896-2,2-2c1.102,0,1.999,0.896,1.999,2
    c0,1.378,1.122,2.5,2.5,2.5c1.379,0,2.5-1.122,2.5-2.5c0-0.275,0.225-0.5,0.5-0.5c0.276,0,0.5-0.225,0.5-0.5
    C21.999,2.73,21.775,2.506,21.499,2.506z M9.141,10.904c-2.262,1.577-2.819,4.699-1.242,6.962C8.056,18.092,8,18.402,7.773,18.561
    c-0.087,0.06-0.186,0.089-0.285,0.089c-0.158,0-0.313-0.073-0.41-0.212c-0.917-1.316-1.267-2.908-0.984-4.486
    C6.375,12.373,7.255,11,8.569,10.084c0.227-0.158,0.538-0.103,0.696,0.124C9.423,10.434,9.367,10.747,9.141,10.904z"/>
</svg>

Ofcourse I could just use regex (/(<svg.*?\/svg>)/s) but I'm looking for an elegant approach.

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • doucong1853 2018-07-03 08:04
    已采纳

    I am really not into php, but here is what a small search lead me to.

    In order to remove the doctype associated with your root <svg> element, you would have to import this element inside a new, clean, DOMDocument.

    From there, you'll be able to call this DOMDocument's ::saveXML(DOMNode) method, and the original noise will be gone.

    $xml = simplexml_load_file($file);
$cleanDom = new DOMDocument();
$node = dom_import_simplexml($xml);
$clone = $cleanDom -> importNode($node, true);
$cleanMarkup = $cleanDom -> saveXML($clone);
    点赞 打赏 评论

报告相同问题？

提交

相关推荐 更多相似问题

  • 从文件中提取SVG标记/节点 php
    2018-07-03 07:12
    回答 1 已采纳 I am really not into php, but here is what a small search lead me to. In order to remove the doct
  • 如何从svg文件中提取高度和宽度 php
    2012-12-31 20:12
    回答 2 已采纳 All you need is $xml = simplexml_load_file($imageright); $attr = $xml->attributes(); printf("
  • 在Golang中使用字节数组进行SVG追加/创建
    2018-01-16 03:17
    回答 1 已采纳 To embed the image data in the SVG, you'll need to use a Data URL. You Base64-encode the image fi
  • JAVA上百实例源码以及开源项目源代码
    2018-12-11 17:07
    数字证书：从文件中读取数字证书，生成文件输入流,输入文件为c:/mycert.cer，获取一个处理X.509证书的证书工厂…… Java+ajax写的登录实例 1个目标文件 内容索引:Java源码,初学实例,ajax,登录 一个Java+ajax写的...
  • HTML文档中节点的主要类型,DOM系列：DOM节点属性
    2021-06-12 15:35
    weixin_39856709的博客 在这一节中，咱们将围绕DOM的节点属性、标签和内容来展开。这样我们就可以更进一步的了解它们是什么？以及它们最常的属性。DOM节点类DOM节点的属性取决于它们的类(class)。例如，标签对应的是一个元素节点和链接a...
  • 前端面试题
    2019-08-08 11:49
    缒幕的博客 每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？ 21 Quirks模式是什么？它和Standards模式有什么区别 21 div+css的布局较table布局有什么优点？ 22 img的alt与title有何异同？ strong与em的...
  • 树枝模板中的SVG图标 htmlphp
    2018-03-02 10:18
    回答 1 已采纳 I would generate my own font file with all the icons used in the application... just like fontawes
  • svg中如何获得元素对象 javascript
    2016-11-16 13:36
    回答 3 已采纳 ![图片说明](https://img-ask.csdn.net/upload/201611/17/1479352985_44955.png)
  • 网页加载本地的svg文件，IE不显示
    2017-05-05 03:06
    回答 1 已采纳 地址改为相对的试试，不要用file这种。如果你的html在destop文件夹下，data设置为这个data="file/201703151932.svg"
  • [前端面试]2020 前端面试 | 第一波面试题总结
    2020-02-13 14:31
    iChangebaobao的博客 16年出来工作，工作经验四年，之前主要做平面相关，自己喜欢瞎折腾，从17年开始研究前端，然后公司内部转岗到开发部门工作，算下来前端经验也快三年之久。 年底由于种种原因想换一份工作，但由于太忙，没认真搞简历....
  • 信息标记与提取方法（XML、JSON、YAML）
    2017-10-17 21:54
    知行流浪的博客  实际应用中的原始数据往往是杂乱无章的，为了更加方便组织和存储各种信息，以及为计算机处理、传播消息提供一种统一的方法。必须对信息进行一定的标记，信息标记的特点一般有以下几点：  1、标记后的信息可形成...
  • svg 中插入svg_WordPress SVG支持：如何在WordPress中启用SVG
    2020-08-26 16:14
    culh2177的博客 svg 中插入svgVector images are becoming increasingly common on the web. SVGs provide a scalable, responsive and fast alternative to standard images with the primary benefit being that they look crisp ...
  • 用于preg_replace HTML注释的正则表达式和SVG文件中的空标记 htmlphpxml
    2014-04-08 14:53
    回答 3 已采纳 try preg_replace("/((<g id=\".*\">)|(<g>))[\s]*(<\/g>)/",'',$fileContent)
  • SVG嵌入式图像仅在浏览器中显示 javascriptphp
    2017-01-04 09:37
    回答 1 已采纳 Try removing the space after data:. The URI syntax specification specifically disallows spaces in
  • 在Codeigniter中上传svg文件 php
    2013-03-21 13:29
    回答 2 已采纳 You need to put a list of allowed file extensions in $config['allowed_types'], separated by |, not
  • JAVA上百实例源码以及开源项目
    2016-01-03 17:37
    　数字证书：从文件中读取数字证书，生成文件输入流,输入文件为c:/mycert.cer，获取一个处理X.509证书的证书工厂…… Java+ajax写的登录实例 1个目标文件 内容索引:Java源码,初学实例,ajax,登录 　一个Java+ajax写...
  • WPF开发教程
    2019-07-02 23:13
    @David Liu的博客 WPF 中的每个 Visual 可以不创建组合节点，也可以创建一个或多个组合节点。 请注意一个非常重要的体系结构细节 – 可视对象和绘制指令的整个树都要进行缓存。在图形方面，WPF 使用一个保留的呈现系统。这可以...
  • python-爬虫基础-lxml.etree(4)-从字符串和文件中解析
    2019-08-30 22:00
    Aldeo的博客 Etree 支持从所有重要来源(即字符串、文件、 url (http / ftp)和类似文件的对象)以多种方式解析 XML。 主要的解析函数是 fromstring ()和 parse () ，它们都是以 source 作为第一个参数来调用的。 默认情况下，它们...
  • Imagick无法编写SVG文件 php
    2014-11-20 00:31
    回答 1 已采纳 SVG isn't an image in the same way that JPG or PNG are. It's just an xml with plotted points in m
  • Svg脚本编程简介
    2015-02-25 14:25
    维纳斯的眼泪的博客 本文主要介绍SVG的脚本编程，并分别给出放大、缩小，查询，鼠标事件等实例。 一、 SVG简介 SVG，全称为Scalable Vector Graphics（可伸缩矢量图形）。它是W3C制定的、用矢量描述图形的XML应用标准。它有着许多...
  • 没有解决我的问题, 去提问