Тёмный
Code Pro
Code Pro
Code Pro
Подписаться
Hello Friends,

Welcome to our channel "Code Pro". I created this channel with the aim to help you to learn Website development, Web design.
Code Pro features the best online web development and programming tutorials for all of the latest web technologies including JavaScript, Node.js, Angular 2, React.js, HTML, CSS, Bootstrap and much more

Please subscribe to my channel to receive notification of my new videos and learn new things about javascript tips and tricks,javascript,javascript tips,javascript tricks, algorithms,data structures and algorithms,sorting algorithms,algorithms for beginners,es6,es6 tutorial,es6 javascript,javascript es6 .

Thank You :)

Channel Managed By: Jayanthbabu

For Enquiry: jsomineni@gmail.com
Комментарии
@Savsci707
@Savsci707 5 дней назад
How i can get this app
@seenus.k7330
@seenus.k7330 23 дня назад
Great explanation thanking you sir
@stevhustler5384
@stevhustler5384 Месяц назад
This is the best vid 👏🏾👏🏾 to understand the difference between regular and arrow fn
@tamimhossain4141
@tamimhossain4141 Месяц назад
great but how I download multiple page
@mahalaxmijewels5810
@mahalaxmijewels5810 Месяц назад
TypeError: html2pdf(...).form is not a function at HTMLButtonElement.<anonymous> (pdf.js:7:20) How To Solve This Issue
@jafaransari123
@jafaransari123 2 месяца назад
Informative short👍🏻
@GreatWaterCircus
@GreatWaterCircus 3 месяца назад
I didn't understand what you said, as you speak tooo quickly.... it looked interesting... thanks
@alexsandroribeiro6759
@alexsandroribeiro6759 3 месяца назад
It was notable that he cut the page and if I want the content to be divided, how do you do it? In this case, divide it by page so it doesn't end up being cut like this.
@rollingstone6696
@rollingstone6696 3 месяца назад
does it work for pictures?
@matinhosseinpour1241
@matinhosseinpour1241 3 месяца назад
this is lovely, thank you
@sondousaous5122
@sondousaous5122 3 месяца назад
avec votre code rien a telecharger et avec ma modification le telechargement est fait mais il est vierge
@himanshumukhedkar377
@himanshumukhedkar377 3 месяца назад
This is great! If have array of obj contains 5 Invoices and I want each invoice to be on new the page. How can we do that? For eg. 5 invoices means 5 page PDF?
@janmejaysingh5841
@janmejaysingh5841 3 месяца назад
ye usko nahi aata...simple se utha ke bata diya complicated kisi ko nahi aata
@nobody-ek3hk
@nobody-ek3hk 3 месяца назад
6.31 axios
@teenztown
@teenztown 4 месяца назад
It works beautifully
@manojhk7469
@manojhk7469 4 месяца назад
everything is ok except speed
@worldTour1996
@worldTour1996 4 месяца назад
My json object is [("empid" : "0101", "EmpName" : "swadhin"}] I am tring to convert these json to excel .but in excel empid is showing 101. 0 is missing from 1st in empid. Could you please give some samples solution
@SanjaySanjay-zg1jy
@SanjaySanjay-zg1jy 4 месяца назад
I want to download in a new tab. How to do using ur code
@g3zeck485
@g3zeck485 4 месяца назад
Helo i have this error "incomplete or corrupt png file" Does anyone know the solution?
@lasith123
@lasith123 4 месяца назад
const handleDownloadPDF = () => { const input = pdfRef.current; html2canvas(input).then((canvas) => { const imgData = canvas.toDataURL('image/png'); const pdf = new jsPDF('p', 'mm', 'a4', true); const pdfWidth = pdf.internal.pageSize.getWidth(); const pdfHeight = pdf.internal.pageSize.getHeight(); const imgWidth = canvas.width; const imgHeight = canvas.height; const ratio = Math.min(pdfWidth / imgWidth, pdfHeight / imgHeight); const imgX = (pdfWidth - imgWidth * ratio) / 2; const imgY = 30; pdf.addImage( imgData, 'PNG', imgX, imgY, imgWidth * ratio, imgHeight * ratio, ); pdf.save('invoice.pdf'); }); };
@ducnguyenminh5942
@ducnguyenminh5942 4 месяца назад
thank bro!
@shuvomajumder5565
@shuvomajumder5565 5 месяцев назад
I got an error. Uncaught (in promise) Error: Attempting to parse an unsupported color function "oklch".
@lubomirsevcik2252
@lubomirsevcik2252 5 месяцев назад
thx man
@niveditasingh7691
@niveditasingh7691 5 месяцев назад
If I need to add link to pdf, how does that work with this approach? @code pro
@hardikdangodara3272
@hardikdangodara3272 6 месяцев назад
thank you so much sir
@minhtringuyen1267
@minhtringuyen1267 6 месяцев назад
I have issue with the tag svg it's not render correctly, can u help me about this issue.
@user-ni9cr7iq4u
@user-ni9cr7iq4u 6 месяцев назад
scrollable content not capturing
@subinkv6849
@subinkv6849 6 месяцев назад
Thanks a lot..it worked.
@roufhasan
@roufhasan 6 месяцев назад
I am facing this error: Uncaught (in promise) Error: Attempting to parse an unsupported color function "oklch" html2canvas.js?v=82c7c37b:1685
@lluisjg
@lluisjg 6 месяцев назад
Every time someone use "var" a little cat dies
@AS-mc2db
@AS-mc2db 6 месяцев назад
Supposed sir i enter data with any logo in Fronted and tell me how can i get these data in Pdf format with download pdf button. Supposed every time pdf name automatically.. generate..
@vivekjaiswal2422
@vivekjaiswal2422 6 месяцев назад
I have to download a scrollable div, but by using the above same logic I am unable to do it. I am getting only the current view port in pdf.☹
@anthonyezeh7511
@anthonyezeh7511 7 месяцев назад
I was able to integrate it following your steps. Everything works as instructed.
@olufemiajibade
@olufemiajibade 7 месяцев назад
Thanks for this, worked at first try 💯
@user-ux3tr7mg1v
@user-ux3tr7mg1v 7 месяцев назад
doda gujrati ma bolvama taru kai jay se ...du
@khanhang6144
@khanhang6144 7 месяцев назад
Thank you brother
@abelmurua6980
@abelmurua6980 7 месяцев назад
Thank you so much! Since I am using AWS ElasticBeanslkt Amazon Linux 2023, I couldn't use Puppeteer because of their environment its based on 64 bits. This solved my PDF need, I spent 2 days trying to find a solution, I appreciate your input!! thank you! The only thing I noticed is that TABLE layout its somehow off, not showing the same thing as it does on browser. th (headers) had some top padding on the cell, or the titles it self are alinged to bottom. I tried with lots of tailwindcss rules to reset that but I couldn't make it work, everything else looked great! I just removed the bg color so you cant tell there is a ht space.! Thank you again
@DeveloperInside
@DeveloperInside 7 месяцев назад
Can we select text and copy in generated pdf
@CodePro-Jayanth
@CodePro-Jayanth 7 месяцев назад
It's not possible in this approach, for that we need to use react-pdf library. In few days I will post the video for that
@shubhamdas6519
@shubhamdas6519 7 месяцев назад
what if i am rendering the image from online link?
@MaharajanRavi
@MaharajanRavi 8 месяцев назад
is there any other method to download as pdf with support svg images?
@yeshthummer7256
@yeshthummer7256 8 месяцев назад
can i share a link using this package and save link and after save the pdf and open link from pdf ??
@marcelsenga5063
@marcelsenga5063 8 месяцев назад
I tried and it worked pretty well, but where I'm using images, they shrink and it's not cool, how can we fix that ?
@khaouitiabdelhakim
@khaouitiabdelhakim 8 месяцев назад
Thanks alot. th source code pleaaaaaaaaaaaaaaase!
@tomytoon123
@tomytoon123 8 месяцев назад
you fast forward your voice bro? haha
@ajayprakashpp7229
@ajayprakashpp7229 8 месяцев назад
I don't know how to express my gratitude to this video. You have given solution for a problem on which i have been wandering around for 2 days. Thank you ♥
@kleatech6562
@kleatech6562 8 месяцев назад
please can you share the github link or the blog link
@jorgegarnicablanco8136
@jorgegarnicablanco8136 7 месяцев назад
const downloadPDF = () => { const input = quoteRef.current; html2canvas(input as HTMLElement).then((canvas) => { const imgData = canvas.toDataURL('image/png'); const pdf = new jsPDF('p', 'mm', 'a4', true); const pdfWidth = pdf.internal.pageSize.getWidth(); const pdfHeight = pdf.internal.pageSize.getHeight(); const imgWidth = canvas.width; const imgHeight = canvas.height; const ratio = Math.min(pdfWidth / imgWidth, pdfHeight, imgHeight); const imgX = (pdfWidth - imgWidth * ratio) / 2; const imgY = 30; pdf.addImage( imgData, 'PNG', imgX, imgY, imgWidth * ratio, imgHeight * ratio ); pdf.save('cotizacion.pdf'); }); };
@user-cq9fq4vm4b
@user-cq9fq4vm4b 8 месяцев назад
A bit late on this comment, but this is misleading. The thing being measured is the time it takes to create a string, then concat all the intermediate results of "adding" a number to that string over an over to produce the string "01234567891011...49999". This is creating a new string on each loop, copying the memory from the old string to a new string, and getting longer with each successive loop. Roughly O(n^2), stressing the garbage collector in really oddball ways, and has almost nothing to do with the performance of the for loop. If you convert the string to number 0 and rerun, you should be able to add numbers this way (not concat but sum) at the rate of about a billion per second on a second rate laptop.
@showhow6827
@showhow6827 9 месяцев назад
Great tutorial, simple and to the point. One major issue though. When the content is longer than the viewport or wider and or even when the you have the window resize to smaller one then the it will not convert the full content. Does anyone have an idea about solving this issue?
@kaushalkumar.1757
@kaushalkumar.1757 9 месяцев назад
Nice video
@varadtote2017
@varadtote2017 9 месяцев назад
I got it right but image quality is too bad
@MathavanN-sd5dz
@MathavanN-sd5dz 9 месяцев назад
this is working but I don't know if this isn't copying our data...please answer..
@user-pv2tx5np2g
@user-pv2tx5np2g 9 месяцев назад
how to take print long web page ? more than 1 page