PhantomJS рендеринг некорректный рендеринг PNG

Я визуализирую веб-страницу в формате PNG с размерами 7642 на 3815 пикселей.

Загадочно, но при рендеринге полученное изображение имеет немного больше пикселей (PhantomJS добавляет некоторые поля, не знаю почему).

Я пробовал указать метод page.paperSize, но он ничего не делает:

"use strict";

var page = require('webpage').create();
var system = require('system');

var orderId = system.args[1];
var output = "/Users/mac/Desktop" + orderId + ".png"

var url = 'http://localhost:3000/?id=' + orderId

page.viewportSize = { width: 3000, height: 3000 };

page.paperSize = {
    width: '7642px',
    height: '3815px',
    margin: '0px'
};

page.open(url, function (status) {
    if (status !== 'success') {
        console.info('Ha habido un error');
        phantom.exit(1);
    } else {
        window.setTimeout(function () {
            page.render(output, { format: 'png', quality: '100' });
            phantom.exit();
        }, 5000);
    }
});

Есть идеи, пожалуйста?

Спасибо!

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
0
48
1

Ответы 1

Наконец, я нашел этот обходной путь и работает:

page.zoomFactor = 1;
page.open(url, function (status) {
    page.evaluate(function(w, h) {
      document.body.style.width = w + "px";
      document.body.style.height = h + "px";
    }, width, height);
    page.clipRect = {top: 0, left: 0, width: width, height: height};     
    if (status !== 'success') {
        console.info('Ha habido un error');
        phantom.exit(1);
    } else {
        window.setTimeout(function () {
            page.render(output, { format: 'png', quality: '100' });
            phantom.exit();
        }, 5000);
    }
});

Другие вопросы по теме