Значки в обработке React PDF с использованием HTML2Canvas -Algencement различаются между предварительным просмотром и сг ⇐ Html

[Anonymous]

Я использую html2canvas для генерации PDF из шаблона резюме React. В то время как значки идеально выровнены в предварительном просмотре HTML, они становятся смещенными при преобразовании в PDF. Вот моя настройка: < /p>
Я использую: < /p>

• html2canvas для генерации PDF < /li>
  jspdf для сохранения PDF
• Lucide React Icons
• Tailwind CSS для стиля

< Br /> Предварительный просмотр HTML выглядит идеально, но при генерации PDF -файла, таких как Mail, Phone2 и т. Д. Похоже, что по сравнению с их текстом. < /p>
Вот соответствующий код : < /p>
// PDF Generation
const generatePDF = async () => {
const content = contentRef.current;
const canvas = await html2canvas(content, {
scale: 2,
useCORS: true,
logging: false
});

const imgData = canvas.toDataURL('image/png');
const pdf = new jsPDF({
orientation: 'portrait',
unit: 'px',
format: [canvas.width, canvas.height]
});

pdf.addImage(imgData, 'PNG', 0, 0, canvas.width, canvas.height);
pdf.save('resume.pdf');
};

// Icon usage in template




{email}



Подробнее здесь: https://stackoverflow.com/questions/794 ... differs-be