CentOS 7上的PhantomJS正在渲染符号而不是字母

时间:2018-09-27 21:42:57

标签: javascript macos phantomjs centos7

我正在测试我用PhantomJS开发的功能,以从html字符串生成图像,并且在macOS High Sierra上生成的图像看起来像这样:

enter image description here

但是在带有CentOS 7的生产服务器中,生成的图片如下所示:

enter image description here

我正在使用相同版本的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>

1 个答案:

答案 0 :(得分:0)

我能够解决此问题,并且它与服务器中安装的字体有关,因为我的CentOS 7仅包含少数几种字体,而没有常用的字体或Microsoft的字体,因此我使用了此链接

https://unix.stackexchange.com/a/327138/73078

现在我的口音只有一个问题,但至少主要的问题已经消失了。

相关问题