Rotativa é uma biblioteca de conversão de arquivos HTML em PDF em ASP.NET MVC baseado na ferramenta wkhtmltopdf. 
Com ele os códigos em HTML e CSS podem ser aproveitados para criar um arquivo PDF. 
O Rotativa necessita do executável wkhtmltopdf.exe para criar os arquivos. 
Ele deve ser instalado como um pacote nuget comum [1] 
Apenas com o controller adicionado como mostrado mais abaixo, o rotativa gera o PDF correspondente à página HTML. 
Para ajustes mais específicos, o mesmo ainda apresenta a opção de receber uma série de comandos por meio do parâmetro ”CustomSwitches” no controller. Com isso é possível mudar o tamanho da fonte assim como seu tipo, e também fazer uso de um cabeçalho (header) e rodapé (footer). 
Os recursos de cabeçalho e rodapé são limitados mas podem ser usados de duas maneiras: carregando arquivos header e footer no comando “CustomSwitches” com as instruções ou passando apenas as instruções específicas. 
Por exemplo, usando apenas os comandos em CustomSwitches se pode incluir um título no header e uma numeração no rodapé. Uma limitação é não se ter a opção de usar um header carregado de um arquivo e um footer passado via comandos. Ou os dois vem de arquivos carregados ou os dois vem de comandos pelas instruções. 
Outro tipo de limitação encontrada está no carregamento de imagens para compor o header/footer do pdf. Este só é possível até o momento por meio de um header/footer vindo de um arquivo.
Como usar:
<ul>
<li>Inicialmente vá ao gerenciador de pacotes Nuget e instale o pacote:</li>
</ul>
<a class="lightbox" href="https://dtidigital.com.br/wp-content/uploads/2017/09/1.png"><img decoding="async" class="aligncenter size-full wp-image-1200" src="https://dtidigital.com.br/wp-content/uploads/2017/09/1.png" alt="gerenciador de pacotes Nuget e instale o pacote" width="182" height="44" /></a>
<ul>
<li>Após a instalação temos o arquivo .exe na pasta Rotativa como mostrado abaixo:</li>
</ul>
<a class="lightbox" href="https://dtidigital.com.br/wp-content/uploads/2017/09/2.png"><img decoding="async" class="aligncenter size-full wp-image-1201" src="https://dtidigital.com.br/wp-content/uploads/2017/09/2.png" alt="arquivo .exe na pasta Rotativa " width="190" height="101" /></a>
Para gerar o PDF, basta criar o conteúdo HTML da mesma forma que uma página web estática. O Rotativa irá ler esse conteúdo e gerar o PDF. 
Para customizar cabeçalho e rodapé, seguem os códigos.
<ul>
<li>No Controller devemos implementar o seguinte código para execução</li>
</ul>
<figure id="attachment_1202" aria-describedby="caption-attachment-1202" style="width: 553px" class="wp-caption aligncenter"><a class="lightbox" href="https://dtidigital.com.br/wp-content/uploads/2017/09/3.png"><img fetchpriority="high" decoding="async" class="size-full wp-image-1202" src="https://dtidigital.com.br/wp-content/uploads/2017/09/3.png" alt="No exemplo temos a customização através de string. " width="553" height="280" srcset="https://www.cms.dtidigital.com.br/wp-content/uploads/2017/09/3.png 553w, https://www.cms.dtidigital.com.br/wp-content/uploads/2017/09/3-300x152.png 300w" sizes="(max-width: 553px) 100vw, 553px" /></a><figcaption id="caption-attachment-1202" class="wp-caption-text">No exemplo temos a customização através de string.</figcaption></figure>
Os comandos passados em CustomSwitches são feitos por meio de uma string. Logo é possível se concatenar algum valor no meio desta para que seja exibida como texto no cabeçalho ou rodapé. 
Os principais comandos estão exemplificados acima e são estes:
<ul>
<li>&#8211;header-center \”texto\” : responsável por escrever um texto no cabeçalho, no caso na região central do mesmo. Center pode ser substituído por right ou left;</li>
<li>&#8211;header-spacing \”valor\”: este tem como objetivo determinar o espaçamento do cabeçalho no início das páginas. O valor pode ser positivo ou negativo, passando assim a se sobrepor ao texto que não compõe o cabeçalho. Também é válido para &#8211;footer-spacing \”valor\”;</li>
<li>&#8211;header-font-name \”font\” : comando para mudança do tipo de fonte do cabeçalho. Também se aplica para –footer-font-name \”font\”;</li>
<li>&#8211;header-font-size \”size\” : comando para mudança do tamanho da fonte a ser exibida no cabeçalho. Também se aplica para –footer-font-size \”size\”;</li>
<li>&#8211;footer-right \&#8221;Pag: [page] de [toPage]\&#8221; : comando para exibir a numeração das páginas do arquivo pdf. Também pode ser usado no cabeçalho assim como ter sua posição e modos de escrita alterados.</li>
</ul>
No exemplo acima ainda foi passado outro parâmetro para customização do pdf, o “pageMargins”. Este tem como função alterar as margens do arquivo gerado, porém esta ação é feita de modo geral, atingindo o texto incluindo o header/footer. 
Para o caso do cabeçalho e rodapé serem gerados por arquivos separados temos as seguintes alterações:
<a class="lightbox" href="https://dtidigital.com.br/wp-content/uploads/2017/09/4.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-1203" src="https://dtidigital.com.br/wp-content/uploads/2017/09/4.png" alt="4" width="554" height="157" srcset="https://www.cms.dtidigital.com.br/wp-content/uploads/2017/09/4.png 554w, https://www.cms.dtidigital.com.br/wp-content/uploads/2017/09/4-300x85.png 300w" sizes="(max-width: 554px) 100vw, 554px" /></a>
Neste caso temos os dados do header e do footer definidos em duas Views no formato HTML! Atente para o fato de que este comando não funciona com arquivos em CSHTML! 
Os comandos de mudança de fonte e espaçamento ainda funcionam, porém ao tentar se incluir um texto este não surte mais efeito, mesmo que apenas um (footer ou header ) esteja sendo usado. 
Os arquivos de header e footer abaixo fazem a mesma função de quando os parâmetros são passados na string, ou seja, mostram a numeração da página no footer e um título no header.
Os arquivos são: 
Header:
<a class="lightbox" href="https://dtidigital.com.br/wp-content/uploads/2017/09/5.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-1204" src="https://dtidigital.com.br/wp-content/uploads/2017/09/5.png" alt="Header" width="399" height="184" srcset="https://www.cms.dtidigital.com.br/wp-content/uploads/2017/09/5.png 399w, https://www.cms.dtidigital.com.br/wp-content/uploads/2017/09/5-300x138.png 300w" sizes="(max-width: 399px) 100vw, 399px" /></a>
&nbsp;
Footer:
<a class="lightbox" href="https://dtidigital.com.br/wp-content/uploads/2017/09/6.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-1205" src="https://dtidigital.com.br/wp-content/uploads/2017/09/6.png" alt="Footer" width="553" height="444" srcset="https://www.cms.dtidigital.com.br/wp-content/uploads/2017/09/6.png 553w, https://www.cms.dtidigital.com.br/wp-content/uploads/2017/09/6-300x241.png 300w" sizes="(max-width: 553px) 100vw, 553px" /></a>
No arquivo de footer temos uma série de parâmetros internos do rotativa que devem ser acessados como é mostrado acima.
Outros tipos comandos e mais informações podem ser obtidas nas fontes abaixo: 
Displaying headers and footers in a PDF generated by Rotativa(MVC): 
<a href="https://bhavdiptala.blogspot.com.br/2016/05/displaying-headers-and-footers-in-pdf.html">https://bhavdiptala.blogspot.com.br/2016/05/displaying-headers-and-footers-in-pdf.html</a> 
Rotativa PDF em ASP .NET MVC 
<a href="http://www.tiselvagem.com.br/desenvolvimento/asp-net/mvc-rotativa-pdf/">http://www.tiselvagem.com.br/desenvolvimento/asp-net/mvc-rotativa-pdf/</a> 
Rotativa 
<a href="http://rotativaforpdf.blogspot.com.br/2015/03/rotativa.html">http://rotativaforpdf.blogspot.com.br/2015/03/rotativa.html</a>
Os códigos aqui apresentados podem ser encontrados em: 
<a href="https://github.com/GilbertoCastro/Rotativo">https://github.com/GilbertoCastro/Rotativo</a>
Referências 
[1] <a href="https://www.nuget.org/packages/Rotativa">https://www.nuget.org/packages/Rotativa</a>
&nbsp;

Chegou o momento de impulsionar os resultados da sua empresa! Para entrar em contato com a gente, clique no botão abaixo e preencha o formulário.

Criando PDFs em Asp.NET MVC com Rotativa

One-stop shop em tecnologia

Confira outros artigos