Solução de problemas de CSS com jsPDF

Você está enfrentando desafios ao aplicar CSS a documentos jsPDF. Este guia se aprofundará em possíveis soluções com base nas informações fornecidas.

Compreendendo a inclusão de CSS

Como mencionado, você utilizou folhas de estilo inline, internas e externas sem sucesso. Infelizmente, jsPDF não suporta nativamente aplicativos CSS.

Utilizando um arquivo CSS de impressão

Outra abordagem sugerida por alguns fóruns é usar uma folha de estilo CSS de impressão, mas esse método também se mostrou ineficaz em seu situação.

Definindo estilos programaticamente

Em vez de confiar em CSS, considere definir estilos usando a API jsPDF diretamente. Aqui está um exemplo de código que demonstra como alterar as cores do texto usando chamadas de API:

var doc = new jsPDF('landscape');

doc.setFontSize(22);
doc.setTextColor(255, 0, 0); // Red
doc.text(20, 20, 'This is a title');

doc.setFontSize(16);
doc.setTextColor(0, 255, 0); // Green
doc.text(20, 30, 'This is some normal sized text underneath.');

Nota sobre o tipo de mídia

Embora não seja a causa principal do seu problema, vale a pena notar que o seu O código HTML inclui um tipo de mídia impressa:

Essa designação é irrelevante para sua tarefa atual, pois você está tentando gerar um documento PDF, não uma impressão física.