Come controllare il ritaglio del contenuto PDF?

Quando un elemento HTML viene preso di mira in una conversione PDF, il risultato viene ritagliato per mostrare solo l'elemento HTML. Tuttavia, rimane la domanda su cosa fare con il resto della pagina. Dovrebbe essere mostrata l'intera pagina, con l'elemento HTML di destinazione in alto o solo l'elemento HTML?

Per impostazione predefinita, viene visualizzata la pagina intera con l'elemento HTML di destinazione mostrato nella parte superiore della pagina. Come mostrato nell'esempio a destra.

Tuttavia a volte è necessario generare un PDF che mostri solo l'elemento HTML selezionato senza il resto della pagina. Un esempio di come sarebbe è mostrato a sinistra.

Per fare ciò devi passare un -1 ai parametri larghezza e altezza della pagina. Sfortunatamente però questo approccio è più complicato perché prima di ritagliare il PDF è necessario renderizzarlo.

Pertanto, se la dimensione della pagina predefinita non è sufficientemente grande per visualizzare correttamente l'elemento HTML, potrebbe essere necessario impostare una dimensione e/o un orientamento della pagina più grandi per garantire che venga visualizzato correttamente come richiesto. Ad esempio, prova una dimensione di pagina A3 o B3 ecc. E magari un orientamento orizzontale.

Ritaglia automaticamente le dimensioni della pagina sulla destinazione HTML

Tieni presente che la funzione di ridimensionamento automatico delle dimensioni della pagina funzionerà - esclusivamente. quando viene preso di mira un elemento HTML.

ASP.NET
Java
JavaScript
Node.js
Perl
PHP
Python
API REST
Ruby

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
PDFOptions options = new PDFOptions();
options.TargetElement = "#Article";
options.PageWidth = -1;
options.PageHeight = -1;
grabzIt.URLToPDF("http://www.spacex.com", options);
grabzIt.Save("http://www.mywebsite.com/Home/Handler");

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
PDFOptions options = new PDFOptions();
options.setTargetElement("#Article");
options.setPageWidth(-1);
options.setPageHeight(-1);
grabzIt.URLToPDF("http://www.spacex.com", options);
grabzIt.Save("http://www.mywebsite.com/handler");

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.spacex.com", 
{"format": "pdf", "download": 1, "target": "#Article", "height": -1, "width": -1}).Create();
</script>

var grabzit = require('grabzit');

var client = new grabzit("Sign in to view your Application Key", "Sign in to view your Application Secret");
var options = {"targetElement":"#Article","pageWidth":-1,"pageHeight":-1};
client.url_to_pdf("http://www.spacex.com", options);
client.save("http://www.example.com/handler", function (error, id){
    if (error != null){
        throw error;
    }
});

$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret");
$options = GrabzItPDFOptions->new();
$options->targetElement("#Article");
$options->pageWidth(-1);
$options->pageHeight(-1);
$grabzIt->URLToPDF("http://www.spacex.com", $options);
$grabzIt->Save("http://www.mywebsite.com/handler.pl");

$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
$options = new \GrabzIt\GrabzItPDFOptions();
$options->setTargetElement("#Article");
$options->setPageWidth(-1);
$options->setPageHeight(-1);
$grabzIt->URLToPDF("http://www.spacex.com", $options);
$grabzIt->Save("http://www.mywebsite.com/handler.php");

grabzIt = GrabzItClient.GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret")
options = GrabzItPDFOptions.GrabzItPDFOptions()
options.targetElement = "#Article"
options.pageWidth = -1
options.pageHeight = -1
grabzIt.URLToPDF("http://www.spacex.com", options)
grabzIt.Save("http://www.mywebsite.com/handler.py")

https://api.grabz.it/services/convert?key=Sign in to view your Application Key&format=pdf&target=%23Article&height= -1&width=-1&url=https%3A%2F%2Fspacex.com%2F

grabzIt = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")
options = GrabzIt::PDFOptions.new()
options.targetElement = "#Article"
options.pageWidth = -1
options.pageHeigh = -1
grabzIt.url_to_pdf("http://www.spacex.com", options)
grabzIt.save("http://www.mywebsite.com/handler/index")

Altri articoli sull'acquisizione Web Community Domande