Что лучший способ состоит в том, чтобы сериализировать SVG от клиента DOM?

Question

Что лучший способ состоит в том, чтобы сериализировать SVG от клиента DOM?

Вот, пожалуйста. Вы все еще можете использовать BeautifulSoup для итерации по тегам tr и td, но я всегда нахожу панд гораздо проще получать таблицы, поскольку это делает работу за вас.

from selenium import webdriver
import pandas as pd

url = 'https://understat.com/team/Juventus/2018'

driver = webdriver.Chrome()
driver.get(url)

# Click the Options Button
driver.find_element_by_xpath('//*[@id="team-players"]/div[1]/button/i').click()

# Click the fields that are hidden
hidden = [7, 12, 14, 15, 17, 19, 20, 21, 22, 23, 24]
for val in hidden:
    x_path = '//*[@id="team-players"]/div[2]/div[2]/div/div[%s]/div[2]/label' %val
    driver.find_element_by_xpath(x_path).click()

# Appy the filter    
driver.find_element_by_xpath('//*[@id="team-players"]/div[2]/div[3]/a[2]').click()

# get the tables in source
tables = pd.read_html(driver.page_source)
data = tables[1]
data.rename(columns={'Unnamed: 22':"Yellow_Cards", "Unnamed: 23":"Red_Cards"})


driver.close()

Вывод:

print (data.columns)
Index(['№', 'Player', 'Pos', 'Apps', 'Min', 'G', 'NPG', 'A', 'Sh90', 'KP90',
       'xG', 'NPxG', 'xA', 'xGChain', 'xGBuildup', 'xG90', 'NPxG90', 'xA90',
       'xG90 + xA90', 'NPxG90 + xA90', 'xGChain90', 'xGBuildup90',
       'Yellow_Cards', 'Red_Cards'],
      dtype='object')



print (data)
       №                 Player    ...     Yellow_Cards  Red_Cards
0    1.0      Cristiano Ronaldo    ...                2          0
1    2.0        Mario Mandzukic    ...                3          0
2    3.0           Paulo Dybala    ...                1          0
3    4.0  Federico Bernardeschi    ...                2          0
4    5.0         Blaise Matuidi    ...                2          0
5    6.0      Rodrigo Bentancur    ...                5          1
6    7.0          Juan Cuadrado    ...                2          0
7    8.0       Leonardo Bonucci    ...                1          0
8    9.0         Miralem Pjanic    ...                4          0
9   10.0           Sami Khedira    ...                0          0
10  11.0      Giorgio Chiellini    ...                1          0
11  12.0          Medhi Benatia    ...                2          0
12  13.0          Douglas Costa    ...                2          1
13  14.0               Emre Can    ...                2          0
14  15.0           Mattia Perin    ...                1          0
15  16.0      Mattia De Sciglio    ...                0          0
16  17.0      Wojciech Szczesny    ...                0          0
17  18.0        Andrea Barzagli    ...                0          0
18  19.0            Alex Sandro    ...                3          0
19  20.0         Daniele Rugani    ...                1          0
20  21.0             Moise Kean    ...                0          0
21  22.0           João Cancelo    ...                2          0
22   NaN                    NaN    ...               36          2

[23 rows x 24 columns]

5

svg png ajax javascript php

задан tstokesbme 22 October 2008 в 19:29

2 ответа

Другие вопросы по тегам:

svg png ajax javascript php

Похожие вопросы:

score 11 · Answer 1

Я предполагаю, что Вам нужно это для работы только в браузерах той поддержки SVG.

Firefox, Safari и Opera обеспечивают нестандартное XMLSerializer API, таким образом, Вы могли сделать что-то вроде этого:

var svg = document.getElementById('svg_root'); // or whatever you call it
var serializer = new XMLSerializer();
var str = serializer.serializeToString(svg);

Оттуда, можно отправить его на сервер и получить PNG в ответ.

Вот страница разработчика Mozilla при сериализации XML от DOM.

score 4 · Answer 2

Opera имеет реализацию сериализатора W3C DOM→XML. В режиме XML innerHTML возвращает правильно построенный XML у Геккона.

HTML5 <canvas> может экспортировать его содержание как использование файла PNG toDataURL() и возможно нарисовать любого <img> элемент на использовании холста drawImage(), таким образом, должно быть возможно создать <img src="data:application/svg+xml,…">, нарисуйте его на холсте и экспорте как data: URL.