我正在测试我用PhantomJS开发的功能,以从html字符串生成图像,并且在macOS High Sierra上生成的图像看起来像这样:
但是在带有CentOS 7的生产服务器中,生成的图片如下所示:
我正在使用相同版本的PhantomJS 2.1.1,
这是我正在使用的代码:
var system = require('system');
var page = require('webpage').create();
var documentTop = '<html lang="es"><meta charset="UTF-8">';
var style = '<style>table{width:100%;}</style></head><body>';
var documentBottom = '</body></html>';
var c = documentTop + style + system.args[1] + documentBottom;
// system.args[1] is the html that is being passed as argument
page.viewportSize = { width: 500, height: 100 };
page.content = c;
page.evaluate(function () {
document.body.bgColor = 'white';
});
page.render('demo.jpg');
phantom.exit();
我一直在测试是否有meta charset
,但到目前为止还没有运气。
修改
这是发送到幻像的HTML字符串的示例
<div id="order-details"><h2>Orden de compra</h2><span id="client-name">Nombre del cliente: <strong>Demo 8</strong></span><div id="summary"><p>Resumen</p><div id="summary-cols"> <div class="summary-col"><span class="summary-text">Cantidad</span><span class="summary-value">3</span></div><div class="summary-col"><span class="summary-text">P.V.</span><span class="summary-value">48.55</span></div><div class="summary-col"><span class="summary-text">Total</span><span class="summary-value">$ 1022.00</span></div></div></div><table><thead><th>Cant.</th><th>Descripción</th><th>Importe</th></thead><tbody><tr class="odd"><td>1</td><td>Concentrado de Hierbas Limón 50 g</td><td>317.00</td></tr><tr class=""><td>1</td><td>Polvo para Preparar Bebidas Sabor Ponche de Frutas (bote)</td><td>438.00</td></tr><tr class="odd"><td>1</td><td>Polvo para Preparar Bebidas Sabor Ponche de Frutas (sobres)</td><td>267.00</td></tr></tbody></table></div>
相同但已格式化
<div id="order-details">
<h2>Orden de compra</h2><span id="client-name">Nombre del cliente: <strong>Demo 8</strong></span>
<div id="summary">
<p>Resumen</p>
<div id="summary-cols">
<div class="summary-col"><span class="summary-text">Cantidad</span><span class="summary-value">3</span></div>
<div class="summary-col"><span class="summary-text">P.V.</span><span class="summary-value">48.55</span></div>
<div class="summary-col"><span class="summary-text">Total</span><span class="summary-value">$ 1022.00</span></div>
</div>
</div>
<table>
<thead>
<th>Cant.</th>
<th>Descripción</th>
<th>Importe</th>
</thead>
<tbody>
<tr class="odd">
<td>1</td>
<td>Concentrado de Hierbas Limón 50 g</td>
<td>317.00</td>
</tr>
<tr class="">
<td>1</td>
<td>Polvo para Preparar Bebidas Sabor Ponche de Frutas (bote)</td>
<td>438.00</td>
</tr>
<tr class="odd">
<td>1</td>
<td>Polvo para Preparar Bebidas Sabor Ponche de Frutas (sobres)</td>
<td>267.00</td>
</tr>
</tbody>
</table>
答案 0 :(得分:0)
我能够解决此问题,并且它与服务器中安装的字体有关,因为我的CentOS 7仅包含少数几种字体,而没有常用的字体或Microsoft的字体,因此我使用了此链接
https://unix.stackexchange.com/a/327138/73078
现在我的口音只有一个问题,但至少主要的问题已经消失了。