Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

147
Views
Html2Canvas is not adding input type range element in pdf

I am trying to download pdf using html2canvas library. My downloaded pdf includes all html element except this input type range. Here is sample js fiddle. Here, on click of download- pdf is generated with all other element ,but input type range is missing on pdf. Here is the sample code that I am trying to make it work. Index.cshtml Download

Hello World

this content will be printed.

Javascript

$(document).ready(function(){

    //pdf 다운로드  
    $("#pdfDownloader").click(function(){
    
        html2canvas(document.getElementById("printDiv"), {
            onrendered: function(canvas) {

                var imgData = canvas.toDataURL('image/png');
                console.log('Report Image URL: '+imgData);
                var doc = new jsPDF('p', 'mm', [297, 210]); //210mm wide and 297mm high
                
                doc.addImage(imgData, 'PNG', 10, 10);
                doc.save('sample.pdf');
            }
        });

    });
    
    
})

https://jsfiddle.net/bveeni/h04zpomj/

Is there anyone that can help me with this?

Thanks

about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!