lxml隐藏根<svg>标签的xmlns属性及MathJax生成SVG浏览器报错问题

我来帮你搞定这两个头疼的问题，都是前端和XML处理里常见的坑：

MathJax生成的SVG本来是为嵌入HTML场景设计的，单独打开时浏览器的解析规则更严格，主要问题出在命名空间缺失和相对单位无上下文：

• 首先必须给<svg>根标签补上默认SVG命名空间：xmlns="http://www.w3.org/2000/svg"，你现在只有xmlns:xlink，单独打开时浏览器识别不了这是SVG文档，自然会报错。
• 另外，ex是相对字体的单位，单独打开SVG时没有HTML里的字体上下文，浏览器可能无法正确计算尺寸，你可以临时换成px单位测试，或者确保viewBox的数值和宽高比例完全匹配。
• 最后一定要完整保留<defs>里的内容，MathJax会把公式用到的符号、滤镜都存在这里，丢了肯定渲染失败。

修正后的SVG开头示例：

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200px" height="70px" viewBox="0 -825.2 2914.1 1062.4">
  <!-- 原有的defs和g内容完整保留 -->
</svg>

这是lxml的默认解析/输出逻辑导致的：它会把默认命名空间（xmlns="..."）当作隐式规则，输出时不会主动写出，解决办法分两种场景：

场景1：直接处理SVG XML #

用etree.tostring()时，指定method='xml'并开启命名空间保留，代码示例：

from lxml import etree

# 假设svg_tree是你解析得到的SVG元素树
output = etree.tostring(
    svg_tree,
    encoding='utf-8',
    xml_declaration=True,
    method='xml',
    with_namespaces=True
)

这样输出的SVG就会完整保留xmlns和xmlns:xlink属性。

场景2：从HTML中提取SVG #

如果是用lxml的HTML解析器提取SVG，它会把SVG当作普通HTML元素，直接丢失命名空间，这时候需要手动给<svg>标签补上：

from lxml import etree

html_tree = etree.HTML(your_html_content)
svg_element = html_tree.find('.//svg')
# 手动添加命名空间
svg_element.set('xmlns', 'http://www.w3.org/2000/svg')
svg_element.set('xmlns:xlink', 'http://www.w3.org/1999/xlink')
# 再输出
output = etree.tostring(svg_element, encoding='utf-8', method='xml')

内容的提问来源于stack exchange，提问作者Labrador