eKoopmans / html2pdf.js

Client-side HTML-to-PDF rendering using pure JS.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Thai characters are overlapping in pdf

janellepascual opened this issue · comments

here is the code for generating pdf

var generatePDF = function() {
        $('.generate-pdf').on('click', function () {
            KTApp.blockPage({
                overlayColor: '#000000',
                state: 'primary',
                message: 'Processing...'
            });

            // Call cloneResult and wait for it to finish before proceeding
            cloneResult().then(function() {
                var elementPDF = document.getElementById('clone-pdf');
                var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
                var scale = isMobile ? 1 : 1.8; // Use scale 1 for mobile, 2 for non-mobile
                var quality = isMobile ? 0.30 : 0.50;

          
                    var opt = {
                        margin: 0.3,
                        filename: 'result.pdf',
                        image: { type: 'jpeg', quality: quality },
                        html2canvas: {
//                            letterRendering: true,
                            useCORS: true,
                            scale: scale,
                            backgroundColor: '#fff',
                            ignoreElements: function (element) {
                                if (element.classList.contains('generate-pdf')) {
                                    return true;
                                }
                            },
                            onclone: function(documentClone) {
                               
                            }
                        },
                        jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait', compress: true },
                        pagebreak: { mode: 'css' }
                    };

                    // New Promise-based usage:
                    html2pdf().set(opt).from(elementPDF).save().then(function() {
                        $('#clone-pdf').remove();
                        KTApp.unblockPage();
                        $('.html2pdf__overlay').remove();
                    });
              
            }).catch(function(error) {
                // Handle any errors that occurred during cloneResult
                console.error('Error during cloneResult:', error);
                KTApp.unblockPage();
            });
        });
    }

here is the sample of overlapping thai characters
5(1)
image (8)