使用 BeautifulSoup4 设置 XML 属性值

Question

我想在 Python 中使用BeautifulSoup读取、修改和保存（覆盖）我的svg文件。

bs-test.svg ：

<g data-default-color="#FFFFFF" data-element-id="X123456">
  <rect class="selection-box" fill="none" height="91" stroke="none" width="140" x="-30" y="-10"/>
  <circle cx="40" cy="25" data-colored="true" fill="red" pointer-events="visible" r="25" stroke="black" stroke-width="3"/>
  <text fill="black" font-family="Verdana" font-size="16" text-anchor="middle" x="40" y="55">
    <tspan dy="16" x="40">Label Text</tspan>
  </text>
</g>

内容实际上是更大 svg 的子集，我在其中根据用户提供的data-element-id值找到了g元素。 我想将circle元素的fill属性更改为“蓝色”。

到目前为止我所拥有的：

from bs4 import BeautifulSoup as bs

with open("bs-test.svg", "r") as f:
    contents = f.read()
    soup = bs(contents, "xml")

# grab g tags with the required data-element-id
elem_ls = soup.find_all(attrs={"data-element-id" : "X123456"})
x = elem_ls[0]
x

输出

<g data-default-color="#FFFFFF" data-element-id="X123456">
<rect class="selection-box" fill="none" height="91" stroke="none" width="140" x="-30" y="-10"/>
<circle cx="40" cy="25" data-colored="true" fill="red" pointer-events="visible" r="25" stroke="black" stroke-width="3"/>
<text fill="black" font-family="Verdana" font-size="16" text-anchor="middle" x="40" y="55">
<tspan dy="16" x="40">Label Text</tspan>
</text>
</g>

我确信这只是一个语法问题，我无法找到答案； 我该如何去抓取circle的fill属性，用“蓝色”替换它的值，然后写出来？

Answer 1

您只需要使用 key 设置 bs4 元素的属性值

代码：

from bs4 import BeautifulSoup as bs

with open("bs-test.svg", "r") as f:
    contents = f.read()
    soup = bs(contents, "xml")

# grab g tags with the required data-element-id
elem_ls = soup.find_all(attrs={"data-element-id" : "X123456"})
for e in elem_ls:
    circle = e.find('circle')
    circle['fill'] = 'blue'

    print(e)

结果：

<g data-default-color="#FFFFFF" data-element-id="X123456">
<rect class="selection-box" fill="none" height="91" stroke="none" width="140" x="-30" y="-10"/>
<circle cx="40" cy="25" data-colored="true" fill="blue" pointer-events="visible" r="25" stroke="black" stroke-width="3"/>
<text fill="black" font-family="Verdana" font-size="16" text-anchor="middle" x="40" y="55">
<tspan dy="16" x="40">Label Text</tspan>
</text>
</g>

Answer 2

在BeautifulSoup进行覆盖将使用replace_with()方法

from bs4 import BeautifulSoup as bs

svg = """<g data-default-color="#FFFFFF" data-element-id="X123456">
  <rect class="selection-box" fill="none" height="91" stroke="none" width="140" x="-30" y="-10"/>
  <circle cx="40" cy="25" data-colored="true" fill="red" pointer-events="visible" r="25" stroke="black" stroke-width="3"/>
  <text fill="black" font-family="Verdana" font-size="16" text-anchor="middle" x="40" y="55">
    <tspan dy="16" x="40">Label Text</tspan>
  </text>
</g>
"""

soup = bs(svg, 'html.parser')
circle = soup.find('circle')
circle['fill'] = 'blue'
    soup.find('circle').replace_with(circle)
print(soup)