- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想将从网站收到的 html 标签更改为 .png 图像。
这是我收到的 html:
<html>
<body>
<div style='position: relative; margin-top: 25px; height: 800px;page-break-after: always;margin:0;padding:0;'>
<table style="font-family:arial;">
<tr>
<td width="0px"> </td>
<td valign="top" width="626px">
<div style="position:absolute;">
<span style='left:356px;top:34px;position:absolute;'><img
src='data:image/gif;base64,R0lGODlhFABgAJEAAAAAAP///////wAAACH5BAEAAAIALAAAAAAUAGAAAAKKjI+py+0Po5y02ouz3rz7nwAiMJHXaEZphYJMK60UrGK0i9yPXI6l7cNxeAeUbsFLBXMKkzLUNDyhxaJRdpxdQ1dnFfmdRqVWIvkcE+XUP7S0i8aO4e46mLpj2rnszbK29/IVE2Dm8gchljio0iekYSiUJWgR2WD0WDZ5p2WJ55kZKjpKWmp66lIAADs%3D' /></span>
<span style='left:100px;top:0;position:absolute;font-size:12px;'><b>Responsible Delivery -
CO<sub>2</sub> Neutral</b></span>
<span style='left:196px;top:88px;position:absolute;font-size:8px;'>Sender</span>
<span style='left:196px;top:96px;position:absolute;font-size:8px;'>MY CONTACT</span>
<span style='left:196px;top:105px;position:absolute;font-size:8px;'>ROEBUCK LANE</span>
<span style='left:196px;top:114px;position:absolute;font-size:8px;'>SMETHWICK</span>
<span style='left:196px;top:123px;position:absolute;font-size:8px;'>BIRMINGHAM</span>
<span style='left:196px;top:132px;position:absolute;font-size:8px;'></span>
<span style='left:196px;top:141px;position:absolute;font-size:8px;'>B66 1BY</span>
<span style='left:242px;top:145px;position:absolute;font-size:8px;'>Phone:0121 500 2500</span>
<span style='left:250px;top:88px;position:absolute;font-size:8px;'>Account:103092</span>
<span style='left:4px;top:19px;position:absolute;font-size:12px;'>USER NAME</span>
<span style='left:4px;top:30px;position:absolute;font-size:12px;'>ADDRESS LINE 1</span>
<span style='left:4px;top:41px;position:absolute;font-size:12px;'></span>
<span style='left:4px;top:52px;position:absolute;font-size:12px;'>CITY LONDON</span>
<span style='left:4px;top:63px;position:absolute;font-size:12px;'></span>
<span style='left:4px;top:74px;position:absolute;font-size:12px;'>ZIP 123</span>
<span style='left:90px;top:74px;position:absolute;font-size:12px;'>United Kingdom</span>
<span style='left:220px;top:68px;position:absolute;font-size:18px;'></span>
<span style='left:4px;top:88px;position:absolute;font-size:8px;'>Contact</span>
<span style='left:4px;top:96px;position:absolute;font-size:8px;'>Phone</span>
<span style='left:4px;top:120px;position:absolute;font-size:8px;'>Consignment</span>
<span style='left:4px;top:128px;position:absolute;font-size:8px;'>Ref</span>
<span style='left:4px;top:104px;position:absolute;font-size:8px;'>Info</span>
<span style='left:60px;top:104px;font-size:8px;position:absolute;'></span>
<span style='left:60px;top:112px;font-size:8px;position:absolute;'></span>
<span style='left:60px;top:88px;position:absolute;font-size:8px;'>USER NAME</span>
<span style='left:60px;top:96px;position:absolute;font-size:8px;'>7420000000</span>
<span style='left:60px;top:120px;position:absolute;font-size:8px;'>3907367566</span>
<span style='left:60px;top:128px;position:absolute;font-size:8px;'>TESTORDERASM</span>
<span style='left:60px;top:136px;position:absolute;font-size:8px;'></span>
<span style='left:60px;top:144px;position:absolute;font-size:8px;'></span>
<span style='left:284px;top:18px;position:absolute;font-size:8px;'>Packages</span>
<span style='left:276px;top:48px;position:absolute;font-size:8px;'>Total Weight</span>
<span style='left:274px;top:26px;position:absolute;font-size:16px;'>1 of 1</span>
<span style='left:274px;top:56px;position:absolute;font-size:16px;'>2 kg</span>
<span style='left:6px;top:180px;position:absolute;font-size:8px;'>Track</span>
<span style='left:350px;top:180px;position:absolute;font-size:8px;'>Service</span>
<span style='left:5px;top:158px;position:absolute;font-size:22px;'>1550</span>
<span style='left:62px;top:160px;position:absolute;font-size:16px;'>3907 3675 66F</span>
<span
style='left:5px;width:370px;top:250px;position:absolute;font-size:10px;text-align:center;'>
25/10/19 08:23 Web 4.3.3-api </span>
<span style='left:19px;top:265px;position:absolute;'><img width='348px' height='95px'
src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAegAAAAOCAMAAADT5H8VAAADAFBMVEX///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALI7fhAAABAHRSTlP//wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKmfXxgAAGslJREFUeNoBvhpB5QABAQEBAAABAQAAAAABAQAAAAAAAAAAAQEAAAAAAAABAQAAAAABAQEBAAAAAAEBAAAAAAAAAQEAAAEBAQEAAAAAAAABAQEBAAABAQEBAQEAAAAAAAABAQAAAQEBAQAAAAABAQAAAAABAQEBAQEAAAEBAQEBAQAAAQEAAAAAAQEBAQAAAAABAQEBAQEAAAEBAQEAAAEBAQEBAQAAAQEAAAAAAAABAQEBAAABAQAAAAAAAAEBAQEAAAAAAAABAQAAAQEBAQEBAAABAQAAAQEBAQEBAAABAQEBAQEBAQAAAQEAAAEBAQEBAQAAAAABAQEBAAAAAAEBAQEAAAAAAAABAQAAAQEBAQEBAAABAQEBAAABAQAAAAAAAAEBAAAAAAAAAQEAAAAAAQEBAQAAAAAAAAEBAAAAAAEBAAABAQEBAAAAAAAAAQEAAAAAAAABAQEBAAAAAAAAAAABAQAAAAABAQAAAQEAAAAAAQEAAAAAAAAAAAEBAQEAAAEBAAAAAAEBAAABAQEBAQEBAQAAAAABAQEBAQEAAAAAAQEBAQAAAQEAAAAAAQEBAQEBAAAAAAEBAAAAAAEBAQEAAAEBAAAAAAAAAQEAAAEBAQEBAQEBAAABAQEBAAAAAAAAAQEBAQEBAAABAQAAAQEBAQABAQEBAAABAQAAAAABAQAAAAAAAAAAAQEAAAAAAAABAQAAAAABAQEBAAAAAAEBAAAAAAAAAQEAAAEBAQEAAAAAAAABAQEBAAABAQEBAQEAAAAAAAABAQAAAQEBAQAAAAABAQAAAAABAQEBAQEAAAEBAQEBAQAAAQEAAAAAAQEBAQAAAAABAQEBAQEAAAEBAQEAAAEBAQEBAQAAAQEAAAAAAAABAQEBAAABAQAAAAAAAAEBAQEAAAAAAAABAQAAAQEBAQEBAAABAQAAAQEBAQEBAAABAQEBAQEBAQAAAQEAAAEBAQEBAQAAAAABAQEBAAAAAAEBAQEAAAAAAAABAQAAAQEBAQEBAAABAQEBAAABAQAAAAAAAAEBAAAAAAAAAQEAAAAAAQEBAQAAAAAAAAEBAAAAAAEBAAABAQEBAAAAAAAAAQEAAAAAAAABAQEBAAAAAAAAAAABAQAAAAABAQAAAQEAAAAAAQEAAAAAAAAAAAEBAQEAAAEBAAAAAAEBAAABAQEBAQEBAQAAAAABAQEBAQEAAAAAAQEBAQAAAQEAAAAAAQEBAQEBAAAAAAEBAAAAAAEBAQEAAAEBAAAAAAAAAQEAAAEBAQEBAQEBAAABAQEBAAAAAAAAAQEBAQEBAAABAQAAAQEBAQABAQEBAAABAQAAAAABAQAAAAAAAAAAAQEAAAAAAAABAQAAAAABAQEBAAAAAAEBAAAAAAAAAQEAAAEBAQEAAAAAAAABAQEBAAABAQEBAQEAAAAAAAABAQAAAQEBAQAAAAABAQAAAAABAQEBAQEAAAEBAQEBAQAAAQEAAAAAAQEBAQAAAAABAQEBAQEAAAEBAQEAAAEBAQEBAQAAAQEAAAAAAAABAQEBAAABAQAAAAAAAAEBAQEAAAAAAAABAQAAAQEBAQEBAAABAQAAAQEBAQEBAAABAQEBAQEBAQAAAQEAAAEBAQEBAQAAAAABAQEBAAAAAAEBAQEAAAAAAAABAQAAAQEBAQEBAAABAQEBAAABAQAAAAAAAAEBAAAAAAAAAQEAAAAAAQEBAQAAAAAAAAEBAAAAAAEBAAABAQEBAAAAAAAAAQEAAAAAAAABAQEBAAAAAAAAAAABAQAAAAABAQAAAQEAAAAAAQEAAAAAAAAAAAEBAQEAAAEBAAAAAAEBAAABAQEBAQEBAQAAAAABAQEBAQEAAAAAAQEBAQAAAQEAAAAAAQEBAQEBAAAAAAEBAAAAAAEBAQEAAAEBAAAAAAAAAQEAAAEBAQEBAQEBAAABAQEBAAAAAAAAAQEBAQEBAAABAQAAAQEBAQABAQEBAAABAQAAAAABAQAAAAAAAAAAAQEAAAAAAAABAQAAAAABAQEBAAAAAAEBAAAAAAAAAQEAAAEBAQEAAAAAAAABAQEBAAABAQEBAQEAAAAAAAABAQAAAQEBAQAAAAABAQAAAAABAQEBAQEAAAEBAQEBAQAAAQEAAAAAAQEBAQAAAAABAQEBAQEAAAEBAQEAAAEBAQEBAQAAAQEAAAAAAAABAQEBAAABAQAAAAAAAAEBAQEAAAAAAAABAQAAAQEBAQEBAAABAQAAAQEBAQEBAAABAQEBAQEBAQAAAQEAAAEBAQEBAQAAAAABAQEBAAAAAAEBAQEAAAAAAAABAQAAAQEBAQEBAAABAQEBAAABAQAAAAAAAAEBAAAAAAAAAQEAAAAAAQEBAQAAAAAAAAEBAAAAAAEBAAABAQEBAAAAAAAAAQEAAAAAAAABAQEBAAAAAAAAAAABAQAAAAABAQAAAQEAAAAAAQEAAAAAAAAAAAEBAQEAAAEBAAAAAAEBAAABAQEBAQEBAQAAAAABAQEBAQEAAAAAAQEBAQAAAQEAAAAAAQEBAQEBAAAAAAEBAAAAAAEBAQEAAAEBAAAAAAAAAQEAAAEBAQEBAQEBAAABAQEBAAAAAAAAAQEBAQEBAAABAQAAAQEBAQABAQEBAAABAQAAAAABAQAAAAAAAAAAAQEAAAAAAAABAQAAAAABAQEBAAAAAAEBAAAAAAAAAQEAAAEBAQEAAAAAAAABAQEBAAABAQEBAQEAAAAAAAABAQAAAQEBAQAAAAABAQAAAAABAQEBAQEAAAEBAQEBAQAAAQEAAAAAAQEBAQAAAAABAQEBAQEAAAEBAQEAAAEBAQEBAQAAAQEAAAAAAAABAQEBAAABAQAAAAAAAAEBAQEAAAAAAAABAQAAAQEBAQEBAAABAQAAAQEBAQEBAAABAQEBAQEBAQAAAQEAAAEBAQEBAQAAAAABAQEBAAAAAAEBAQEAAAAAAAABAQAAAQEBAQEBAAABAQEBAAABAQAAAAAAAAEBAAAAAAAAAQEAAAAAAQEBAQAAAAAAAAEBAAAAAAEBAAABAQEBAAAAAAAAAQEAAAAAAAABAQEBAAAAAAAAAAABAQAAAAABAQAAAQEAAAAAAQEAAAAAAAAAAAEBAQEAAAEBAAAAAAEBAAABAQEBAQEBAQAAAAABAQEBAQEAAAAAAQEBAQAAAQEAAAAAAQEBAQEBAAAAAAEBAAAAAAEBAQEAAAEBAAAAAAAAAQEAAAEBAQEBAQEBAAABAQEBAAAAAAAAAQEBAQEBAAABAQAAAQEBAQABAQEBAAABAQAAAAABAQAAAAAAAAAAAQEAAAAAAAABAQAAAAABAQEBAAAAAAEBAAAAAAAAAQEAAAEBAQEAAAAAAAABAQEBAAABAQEBAQEAAAAAAAABAQAAAQEBAQAAAAABAQAAAAABAQEBAQEAAAEBAQEBAQAAAQEAAAAAAQEBAQAAAAABAQEBAQEAAAEBAQEAAAEBAQEBAQAAAQEAAAAAAAABAQEBAAABAQAAAAAAAAEBAQEAAAAAAAABAQAAAQEBAQEBAAABAQAAAQEBAQEBAAABAQEBAQEBAQAAAQEAAAEBAQEBAQAAAAABAQEBAAAAAAEBAQEAAAAAAAABAQAAAQEBAQEBAAABAQEBAAABAQAAAAAAAAEBAAAAAAAAAQEAAAAAAQEBAQAAAAAAAAEBAAAAAAEBAAABAQEBAAAAAAAAAQEAAAAAAAABAQEBAAAAAAAAAAABAQAAAAABAQAAAQEAAAAAAQEAAAAAAAAAAAEBAQEAAAEBAAAAAAEBAAABAQEBAQEBAQAAAAABAQEBAQEAAAAAAQEBAQAAAQEAAAAAAQEBAQEBAAAAAAEBAAAAAAEBAQEAAAEBAAAAAAAAAQEAAAEBAQEBAQEBAAABAQEBAAAAAAAAAQEBAQEBAAABAQAAAQEBAQABAQEBAAABAQAAAAABAQAAAAAAAAAAAQEAAAAAAAABAQAAAAABAQEBAAAAAAEBAAAAAAAAAQEAAAEBAQEAAAAAAAABAQEBAAABAQEBAQEAAAAAAAABAQAAAQEBAQAAAAABAQAAAAABAQEBAQEAAAEBAQEBAQAAAQEAAAAAAQEBAQAAAAABAQEBAQEAAAEBAQEAAAEBAQEBAQAAAQEAAAAAAAABAQEBAAABAQAAAAAAAAEBAQEAAAAAAAABAQAAAQEBAQEBAAABAQAAAQEBAQEBAAABAQEBAQEBAQAAAQEAAAEBAQEBAQAAAAABAQEBAAAAAAEBAQEAAAAAAAABAQAAAQEBAQEBAAABAQEBAAABAQAAAAAAAAEBAAAAAAAAAQEAAAAAAQEBAQAAAAAAAAEBAAAAAAEBAAABAQEBAAAAAAAAAQEAAAAAAAABAQEBAAAAAAAAAAABAQAAAAABAQAAAQEAAAAAAQEAAAAAAAAAAAEBAQEAAAEBAAAAAAEBAAABAQEBAQEBAQAAAAABAQEBAQEAAAAAAQEBAQAAAQEAAAAAAQEBAQEBAAAAAAEBAAAAAAEBAQEAAAEBAAAAAAAAAQEAAAEBAQEBAQEBAAABAQEBAAAAAAAAAQEBAQEBAAABAQAAAQEBAQABAQEBAAABAQAAAAABAQAAAAAAAAAAAQEAAAAAAAABAQAAAAABAQEBAAAAAAEBAAAAAAAAAQEAAAEBAQEAAAAAAAABAQEBAAABAQEBAQEAAAAAAAABAQAAAQEBAQAAAAABAQAAAAABAQEBAQEAAAEBAQEBAQAAAQEAAAAAAQEBAQAAAAABAQEBAQEAAAEBAQEAAAEBAQEBAQAAAQEAAAAAAAABAQEBAAABAQAAAAAAAAEBAQEAAAAAAAABAQAAAQEBAQEBAAABAQAAAQEBAQEBAAABAQEBAQEBAQAAAQEAAAEBAQEBAQAAAAABAQEBAAAAAAEBAQEAAAAAAAABAQAAAQEBAQEBAAABAQEBAAABAQAAAAAAAAEBAAAAAAAAAQEAAAAAAQEBAQAAAAAAAAEBAAAAAAEBAAABAQEBAAAAAAAAAQEAAAAAAAABAQEBAAAAAAAAAAABAQAAAAABAQAAAQEAAAAAAQEAAAAAAAAAAAEBAQEAAAEBAAAAAAEBAAABAQEBAQEBAQAAAAABAQEBAQEAAAAAAQEBAQAAAQEAAAAAAQEBAQEBAAAAAAEBAAAAAAEBAQEAAAEBAAAAAAAAAQEAAAEBAQEBAQEBAAABAQEBAAAAAAAAAQEBAQEBAAABAQAAAQEBAQABAQEBAAABAQAAAAABAQAAAAAAAAAAAQEAAAAAAAABAQAAAAABAQEBAAAAAAEBAAAAAAAAAQEAAAEBAQEAAAAAAAABAQEBAAABAQEBAQEAAAAAAAABAQAAAQEBAQAAAAABAQAAAAABAQEBAQEAAAEBAQEBAQAAAQEAAAAAAQEBAQAAAAABAQEBAQEAAAEBAQEAAAEBAQEBAQAAAQEAAAAAAAABAQEBAAABAQAAAAAAAAEBAQEAAAAAAAABAQAAAQEBAQEBAAABAQAAAQEBAQEBAAABAQEBAQEBAQAAAQEAAAEBAQEBAQAAAAABAQEBAAAAAAEBAQEAAAAAAAABAQAAAQEBAQEBAAABAQEBAAABAQAAAAAAAAEBAAAAAAAAAQEAAAAAAQEBAQAAAAAAAAEBAAAAAAEBAAABAQEBAAAAAAAAAQEAAAAAAAABAQEBAAAAAAAAAAABAQAAAAABAQAAAQEAAAAAAQEAAAAAAAAAAAEBAQEAAAEBAAAAAAEBAAABAQEBAQEBAQAAAAABAQEBAQEAAAAAAQEBAQAAAQEAAAAAAQEBAQEBAAAAAAEBAAAAAAEBAQEAAAEBAAAAAAAAAQEAAAEBAQEBAQEBAAABAQEBAAAAAAAAAQEBAQEBAAABAQAAAQEBAQABAQEBAAABAQAAAAABAQAAAAAAAAAAAQEAAAAAAAABAQAAAAABAQEBAAAAAAEBAAAAAAAAAQEAAAEBAQEAAAAAAAABAQEBAAABAQEBAQEAAAAAAAABAQAAAQEBAQAAAAABAQAAAAABAQEBAQEAAAEBAQEBAQAAAQEAAAAAAQEBAQAAAAABAQEBAQEAAAEBAQEAAAEBAQEBAQAAAQEAAAAAAAABAQEBAAABAQAAAAAAAAEBAQEAAAAAAAABAQAAAQEBAQEBAAABAQAAAQEBAQEBAAABAQEBAQEBAQAAAQEAAAEBAQEBAQAAAAABAQEBAAAAAAEBAQEAAAAAAAABAQAAAQEBAQEBAAABAQEBAAABAQAAAAAAAAEBAAAAAAAAAQEAAAAAAQEBAQAAAAAAAAEBAAAAAAEBAAABAQEBAAAAAAAAAQEAAAAAAAABAQEBAAAAAAAAAAABAQAAAAABAQAAAQEAAAAAAQEAAAAAAAAAAAEBAQEAAAEBAAAAAAEBAAABAQEBAQEBAQAAAAABAQEBAQEAAAAAAQEBAQAAAQEAAAAAAQEBAQEBAAAAAAEBAAAAAAEBAQEAAAEBAAAAAAAAAQEAAAEBAQEBAQEBAAABAQEBAAAAAAAAAQEBAQEBAAABAQAAAQEBAQABAQEBAAABAQAAAAABAQAAAAAAAAAAAQEAAAAAAAABAQAAAAABAQEBAAAAAAEBAAAAAAAAAQEAAAEBAQEAAAAAAAABAQEBAAABAQEBAQEAAAAAAAABAQAAAQEBAQAAAAABAQAAAAABAQEBAQEAAAEBAQEBAQAAAQEAAAAAAQEBAQAAAAABAQEBAQEAAAEBAQEAAAEBAQEBAQAAAQEAAAAAAAABAQEBAAABAQAAAAAAAAEBAQEAAAAAAAABAQAAAQEBAQEBAAABAQAAAQEBAQEBAAABAQEBAQEBAQAAAQEAAAEBAQEBAQAAAAABAQEBAAAAAAEBAQEAAAAAAAABAQAAAQEBAQEBAAABAQEBAAABAQAAAAAAAAEBAAAAAAAAAQEAAAAAAQEBAQAAAAAAAAEBAAAAAAEBAAABAQEBAAAAAAAAAQEAAAAAAAABAQEBAAAAAAAAAAABAQAAAAABAQAAAQEAAAAAAQEAAAAAAAAAAAEBAQEAAAEBAAAAAAEBAAABAQEBAQEBAQAAAAABAQEBAQEAAAAAAQEBAQAAAQEAAAAAAQEBAQEBAAAAAAEBAAAAAAEBAQEAAAEBAAAAAAAAAQEAAAEBAQEBAQEBAAABAQEBAAAAAAAAAQEBAQEBAAABAQAAAQEBAQABAQEBAAABAQAAAAABAQAAAAAAAAAAAQEAAAAAAAABAQAAAAABAQEBAAAAAAEBAAAAAAAAAQEAAAEBAQEAAAAAAAABAQEBAAABAQEBAQEAAAAAAAABAQAAAQEBAQAAAAABAQAAAAABAQEBAQEAAAEBAQEBAQAAAQEAAAAAAQEBAQAAAAABAQEBAQEAAAEBAQEAAAEBAQEBAQAAAQEAAAAAAAABAQEBAAABAQAAAAAAAAEBAQEAAAAAAAABAQAAAQEBAQEBAAABAQAAAQEBAQEBAAABAQEBAQEBAQAAAQEAAAEBAQEBAQAAAAABAQEBAAAAAAEBAQEAAAAAAAABAQAAAQEBAQEBAAABAQEBAAABAQAAAAAAAAEBAAAAAAAAAQEAAAAAAQEBAQAAAAAAAAEBAAAAAAEBAAABAQEBAAAAAAAAAQEAAAAAAAABAQEBAAAAAAAAAAABAQAAAAABAQAAAQEAAAAAAQEAAAAAAAAAAAEBAQEAAAEBAAAAAAEBAAABAQEBAQEBAQAAAAABAQEBAQEAAAAAAQEBAQAAAQEAAAAAAQEBAQEBAAAAAAEBAAAAAAEBAQEAAAEBAAAAAAAAAQEAAAEBAQEBAQEBAAABAQEBAAAAAAAAAQEBAQEBAAABAQAAAQEBAQABAQEBAAABAQAAAAABAQAAAAAAAAAAAQEAAAAAAAABAQAAAAABAQEBAAAAAAEBAAAAAAAAAQEAAAEBAQEAAAAAAAABAQEBAAABAQEBAQEAAAAAAAABAQAAAQEBAQAAAAABAQAAAAABAQEBAQEAAAEBAQEBAQAAAQEAAAAAAQEBAQAAAAABAQEBAQEAAAEBAQEAAAEBAQEBAQAAAQEAAAAAAAABAQEBAAABAQAAAAAAAAEBAQEAAAAAAAABAQAAAQEBAQEBAAABAQAAAQEBAQEBAAABAQEBAQEBAQAAAQEAAAEBAQEBAQAAAAABAQEBAAAAAAEBAQEAAAAAAAABAQAAAQEBAQEBAAABAQEBAAABAQAAAAAAAAEBAAAAAAAAAQEAAAAAAQEBAQAAAAAAAAEBAAAAAAEBAAABAQEBAAAAAAAAAQEAAAAAAAABAQEBAAAAAAAAAAABAQAAAAABAQAAAQEAAAAAAQEAAAAAAAAAAAEBAQEAAAEBAAAAAAEBAAABAQEBAQEBAQAAAAABAQEBAQEAAAAAAQEBAQAAAQEAAAAAAQEBAQEBAAAAAAEBAAAAAAEBAQEAAAEBAAAAAAAAAQEAAAEBAQEBAQEBAAABAQEBAAAAAAAAAQEBAQEBAAABAQAAAQEBAQABAQEBAAABAQAAAAABAQAAAAAAAAAAAQEAAAAAAAABAQAAAAABAQEBAAAAAAEBAAAAAAAAAQEAAAEBAQEAAAAAAAABAQEBAAABAQEBAQEAAAAAAAABAQAAAQEBAQAAAAABAQAAAAABAQEBAQEAAAEBAQEBAQAAAQEAAAAAAQEBAQAAAAABAQEBAQEAAAEBAQEAAAEBAQEBAQAAAQEAAAAAAAABAQEBAAABAQAAAAAAAAEBAQEAAAAAAAABAQAAAQEBAQEBAAABAQAAAQEBAQEBAAABAQEBAQEBAQAAAQEAAAEBAQEBAQAAAAABAQEBAAAAAAEBAQEAAAAAAAABAQAAAQEBAQEBAAABAQEBAAABAQAAAAAAAAEBAAAAAAAAAQEAAAAAAQEBAQAAAAAAAAEBAAAAAAEBAAABAQEBAAAAAAAAAQEAAAAAAAABAQEBAAAAAAAAAAABAQAAAAABAQAAAQEAAAAAAQEAAAAAAAAAAAEBAQEAAAEBAAAAAAEBAAABAQEBAQEBAQAAAAABAQEBAQEAAAAAAQEBAQAAAQEAAAAAAQEBAQEBAAAAAAEBAAAAAAEBAQEAAAEBAAAAAAAAAQEAAAEBAQEBAQEBAAABAQEBAAAAAAAAAQEBAQEBAAABAQAAAQEBAXI3DSFwaxO9AAAAAElFTkSuQmCC' /></span>
<span style='left:85px;top:363px;position:absolute;font-size:12px;'>BT48 7ER1 5503 9073 6756
6812 826U</span>
<span
style='left:132px;top:158px;width:250px;text-align:right;position:absolute;font-size:20px;'>
NEXT DAY</span>
<span style='left:130px;top:230px;position:absolute;font-size:14px;'> 812-GB - BT48 7ER </span>
<span style='left:10px;top:190px;position:absolute;font-size:18px;'></span>
<span style='left:10px;top:225px;position:absolute;font-size:30px;'></span>
<span style='left:300px;top:225px;position:absolute;font-size:30px;'>0087</span>
<span style='left:45px;top:180px;position:absolute;font-size:46px;'>GB-BT48 7ER</span>
<table
style='display:inline-block;border:3px solid black;padding:0;border-spacing:0;border-collapse:collapse;'
height='385' width='385px'>
<tr>
<td>
<table style='padding:0;border-spacing:0;border-collapse:collapse;' width='100%'>
<tr>
<td style='font-size:1px;border-bottom:1px solid black;' colspan='4'>
<div style='height:10px'> </div>
</td>
</tr>
<tr>
<td colspan='2'
style='text-align:left;border-bottom:1px solid black;vertical-align:top;'>
<div style='height:69px'> </div>
</td>
<td style='border-bottom:1px solid black;border-left:1px solid black;'>
</td>
<td style='border-bottom:3px solid black;border-left:1px solid black;'
rowspan='2'> </td>
</tr>
<tr>
<td style='border-bottom:3px solid black;'>
<div style='height:66px'> </div>
</td>
<td style='border-bottom:3px solid black;border-left:1px solid black;'
colspan='2'> </td>
</tr>
<tr>
<td style='text-align:left;vertical-align:top;' colspan='4'>
<div style='height:226px'> </div>
</td>
</tr>
<tr>
<td style='font-size:1px;' width='195px'> </td>
<td style='font-size:1px;' width='70px'>
<div style='height:1px'> </div>
</td>
<td style='font-size:1px;' width='80px'> </td>
<td style='font-size:1px;' width='40px'> </td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
我尝试了以下代码:
HtmlImageGenerator imageGenerator = new HtmlImageGenerator();
String uri = new File("D:/3907367566.html").toURI().toString();
try {
imageGenerator.loadHtml(new String(Files.readAllBytes(Paths.get("D:/3907367566.html"))));
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
imageGenerator.setOrientation(ComponentOrientation.LEFT_TO_RIGHT);
imageGenerator.saveAsImage("D:/3907367566_2.png");
imageGenerator.saveAsHtmlWithMap("3907367566.html", "3907367566.png");
请检查原始 .html 页面的屏幕截图和我在此处获取的 .png 文件:https://drive.google.com/file/d/1VGgKwGkmSijKZWjhZADNLxCcBWOcY7f0/view?usp=sharing
谁能帮我创建一个与我们收到的 HTML 完全相同的图像?谢谢!
最佳答案
您的代码工作正常。问题是您没有下载 CSS 样式表和其他资源,例如图像(条形码)。
尽管 HTML 文件中嵌入了很多样式,但它显然丢失了一些样式规则。
一种解决方案是将所有 CSS 属性嵌入到 HTML 中。
另一种方法是使用外部 API,例如:https://htmlcsstoimage.com/它接受 CSS 和 HTML。
关于java - 将 html 页面更改为 .png,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58815627/
我有一个功能是转换 ADO Recordset 进入html: class function RecordsetToHtml(const rs: _Recordset): WideString; 该函
经过几天的研究和讨论,我想出了这种方法来收集访客的熵(你可以看到我的研究历史here) 当用户访问时,我运行此代码: $entropy=sha1(microtime().$pepper.$_SERVE
给定一个无序列表 List ,我需要查找是否存在 String与提供的字符串匹配。 所以,我循环 for (String k : keys) { if (Utils.keysM
我已经搜索过这个问题,但没有找到我正在寻找的答案。 基本上,我想将类构造函数包装在 try/except 子句中,以便它忽略构造函数内特定类型的错误(但无论如何都会记录并打印它们)。我发现做到这一点的
我有一组三个数字,我想将一组数字与另一组数字进行比较。即,第一组中的每个数字小于另一组中的至少一个数字。需要注意的是,第一组中的下一个数字必须小于第二组中的不同数字(即,{6,1,6} 对 {8,8,
关闭。这个问题是off-topic .它目前不接受答案。 想改进这个问题吗? Update the question所以它是on-topic用于堆栈溢出。 关闭 9 年前。 Improve this
首先介绍一下背景: 我正在开发一个带有 EJB 模块和应用程序客户端模块的企业应用程序 (ear)。我还使用 hibernate JPA 来实现持久性,并使用 swingx 来实现 GUI。这些是唯一
我正在尝试在我的上网本上运行 Eclipse 以便能够为 Android 进行开发。 您可能已经猜到了,Eclipse 非常慢,并且不容易有效地开发。 我正在使用 Linux Ubuntu 并且我还有
for row, instrument in enumerate(instruments): for col, value in enumerate(instrument):
return not a and not b ^ 我如何以更好的格式表达它 最佳答案 DeMorgan's Law , 也许? return not (a or b) 我认为在这一点上已经足够简单了
我正在尝试让 Font Awesome 图标看起来更 slim https://jsfiddle.net/cliffeee/7L6ehw9r/1/ . 我尝试使用“-webkit-text-strok
假设我有一个名为 vals 的数据框,如下所示: id…………日期…………min_date…… .........最大日期 1…………2016/01/01…………2017/01/01…………2018/
是否有更 Pythonic 的方式来做到这一点?: if self.name2info[name]['prereqs'] is None: se
我有一个函数可以将一些文本打印到它接收到的 ostream&。如果 ostream 以终端为目标,我想让它适应终端宽度,否则默认为某个值。 我现在做的是: 从 ostream 中获取一个 ofstre
这个问题在这里已经有了答案: Should a retrieval method return 'null' or throw an exception when it can't produce
我有这个 bc = 'off' if c.page == 'blog': bc = 'on' print(bc) 有没有更 Pythonic(和/或更短)的方式在 Python 中编写? 最佳
输入:一个包含 50,000 行的 CSV;每行包含 910 列值 0/1。 输出:运行我的 CNN 的数据框。 我编写了一个逐行读取 CSV 的代码。对于每一行,我将数据分成两部分,称为神经元(90
据我所知,with block 会在您退出 block 后自动调用 close(),并且它通常用于确保不会忘记关闭一个文件。 好像没有技术上的区别 with open(file, 'r+') as f
我有一个使用 Entity Framework V6.1.1 的 MVC 5 网站。 Entity Framework DbContext 类和模型最初都在网站项目中。这个项目有 3 个 DbCont
我是编程新手,在尝试通过将 tableView 和关联 View 的创建移动到单独的类并将委托(delegate)和数据源从 VC 移动到单独的类来精简我的 ViewController 时遇到了一些
我是一名优秀的程序员,十分优秀!