文章/答案/技术大牛

发布

社区首页 >问答首页 >PhantomJS on CentOS 7正在渲染符号而不是字母

问PhantomJS on CentOS 7正在渲染符号而不是字母
EN

Stack Overflow用户

提问于 2018-09-27 21:42:56

回答 1查看 71关注 0票数 0

我正在测试我用PhantomJS开发的一个特性，它可以从html字符串生成一个图像，而在macOS High塞拉利昂上生成的图片看起来很自然，如下所示：

但是在我使用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>

javascript

macos

phantomjs

centos7

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-09-28 00:24:35

我能够解决这个问题，它与安装在服务器上的字体有关，因为我的CentOS 7只有几个字体，而不是通常的字体或微软的字体，所以我使用了这个链接。

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

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/52545549

复制

相似问题

问PhantomJS on CentOS 7正在渲染符号而不是字母
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问PhantomJS on CentOS 7正在渲染符号而不是字母EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问PhantomJS on CentOS 7正在渲染符号而不是字母
EN