Как получить высококачественный html-снимок с изображения PhantomJs?

Question

Я использую PhantomJs, чтобы сделать скриншот HTML-страницы. Я уже установил параметр качества на 100, но качество изображения все еще слишком низкое. Есть ли способ улучшить качество изображения? Или есть другие лучшие инструменты, которые могут сделать эту работу?

Answer 1

Вы можете изменить размер области просмотра, то есть разрешение, например:

const phantom = require('phantom');   
const address = "https://upload.wikimedia.org/wikipedia/commons/thumb/5/52/Hubble2005-01-barred-spiral-galaxy-NGC1300.jpg/1920px-Hubble2005-01-barred-spiral-galaxy-NGC1300.jpg";

phantom.create().then( (ph) => {
  ph.createPage().then( (page) => {
    page.open(address).then( (status) =>  {
      console.log('Opened page: ' + address + ' Status: ' + status);
      page.property('viewportSize', { width: 1920, height: 1096} )
      page.render('test.jpg', {format: 'jpeg', quality: '100'}).then(() => {;
        console.log('Rendered page.');
        ph.exit();
      });
    });
  });
});

Это даст вам лучшее качество изображения. Размер по умолчанию является относительно низким.