腳本之家服務(wù)器常用軟件

快捷導(dǎo)航

軟件下載

android MAC 驅(qū)動(dòng)下載字體下載 DLL

源碼下載

PHP ASP.NET ASP JSP

軟件編程

C# JAVA C 語(yǔ)言 Delphi Android

網(wǎng)絡(luò)編程

PHP ASP.NET ASP JavaScript

在線工具

CSS格式化 JS格式化 Html轉(zhuǎn)化為Js

數(shù)據(jù)庫(kù)

MYSQL MSSQL oracle DB2 MARIADB

CMS

PHPCMS DEDECMS 帝國(guó)CMS WordPress

常用工具

PHP開(kāi)發(fā)工具 python Photoshop 必備軟件

Python讀取HTML中的canvas并且以圖片形式存入Word文檔

更新時(shí)間：2022年08月15日 17:07:01 作者：小小明-代碼實(shí)體

這篇文章主要介紹了Python讀取HTML中的canvas并且以圖片形式存入Word文檔，文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下

前言

朋友提問(wèn)：

創(chuàng)建Word文檔并插入

市面上有很多圖表繪制庫(kù)，例如echarts和highcharts等等。對(duì)于這種由js動(dòng)態(tài)繪制的圖表，我們只能控制游覽器自動(dòng)截圖存入word，

完整代碼如下：

from docx import Document
import os
from selenium import webdriver

browser = webdriver.Chrome()
# 調(diào)整游覽器大小達(dá)到調(diào)整圖表寬度的目的
browser.set_window_size(540, 1024)
url = "file://" + \
    os.path.abspath("html/awrcrt_MESDB_1_21369_21373.html").replace("\\", "/")
browser.get(url)

doc = Document()
for canvas in browser.find_elements_by_tag_name("canvas"):
    canvas.location_once_scrolled_into_view
    canvas.screenshot("tmp.png")
    doc.add_picture("tmp.png")
doc.save("img.docx")

然后我們得到Word文檔：

插入到已存在的Word文檔指定的位置

后面朋友又反饋，只需要插入HTML中的指定幾張圖表到現(xiàn)有Word文檔的指定位置。

待插入的圖表元素都有對(duì)應(yīng)的ID可以定位：

那我們只需要對(duì)Word文檔要插入的位置進(jìn)行標(biāo)記，模板如下：

然后完整代碼如下：

from docx.shared import Mm
from docxtpl import DocxTemplate, InlineImage
from docx import Document
import os
from selenium import webdriver

browser = webdriver.Chrome()
# 調(diào)整游覽器大小達(dá)到調(diào)整圖表寬度的目的
browser.set_window_size(540, 1024)
url = "file://" + \
    os.path.abspath("html/awrcrt_MESDB_1_21369_21373.html").replace("\\", "/")
browser.get(url)

tpl = DocxTemplate("數(shù)據(jù)庫(kù)性能概覽_模板.docx")
canvas_ids = ["canvas_cpu", "canvas_conn",
              "canvas_commit", "canvas_logon", "canvas_event"]
context = {}
context["dbname"] = "MESDB"
for canvas_id in canvas_ids:
    canvas = browser.find_element_by_id(canvas_id)
    canvas.location_once_scrolled_into_view
    canvas.screenshot(f"{canvas_id}.png")
    context[canvas_id] = InlineImage(tpl, f"{canvas_id}.png", width=Mm(165))
tpl.render(context)
tpl.save("數(shù)據(jù)庫(kù)性能概覽.docx")
browser.close()

生成結(jié)果：