英文:
jsPDF generating two pdf files
问题
以下是您提供的代码的中文翻译部分：
(function($) {$(document).ready(function() {$('#downloadPDF').click(function() {var doc = new jsPDF("p", "mm", "a4");function getDataUri(url, callback) {var image = new Image();image.onload = function() {var canvas = document.createElement('canvas');canvas.width = this.naturalWidth; // 或 'width'，如果您需要特定/缩放大小canvas.height = this.naturalHeight; // 或 'height'，如果您需要特定/缩放大小canvas.getContext('2d').drawImage(this, 0, 0);// 获取原始图像数据callback(canvas.toDataURL('image/png').replace(/^data:image\/(png|jpg);base64,/, ''));// ... 或者获取数据URIcallback(canvas.toDataURL('image/png'));};image.src = url;}// 使用方法getDataUri('/cover.png', function(dataUri) {console.log('RESULT:', dataUri);doc.addImage(dataUri, 'png', 0, 0, 210, 297, undefined, 'FAST');doc.save('download.pdf');});})})})(jQuery)
如果您需要进一步的帮助，请随时提问。
英文:
I'm using the code below to create a PDF of an image when the user clicks the "download" button. It's almost working fine but the problem is that it’s generating two PDF files instead of one.
(function($) {$(document).ready(function() {$('#downloadPDF').click(function() {var doc = new jsPDF("p", "mm", "a4");function getDataUri(url, callback) {var image = new Image();image.onload = function() {var canvas = document.createElement('canvas');canvas.width = this.naturalWidth; // or 'width' if you want a special/scaled sizecanvas.height = this.naturalHeight; // or 'height' if you want a special/scaled sizecanvas.getContext('2d').drawImage(this, 0, 0);// Get raw image datacallback(canvas.toDataURL('image/png').replace(/^data:image\/(png|jpg);base64,/, ''));// ... or get as Data URIcallback(canvas.toDataURL('image/png'));};image.src = url;}// UsagegetDataUri('/cover.png', function(dataUri) {console.log('RESULT:', dataUri);doc.addImage(dataUri, 'png', 0, 0, 210, 297, undefined, 'FAST');doc.save('download.pdf')});})})})(jQuery)
I think it’s a loop, but I can't figure out how to solve it.
答案1
得分: 0
你似乎在两个地方调用了 callback，一次在注释 // Get raw image data 之后，另一次在 // ... or get as Data URI 之后。根据你的需求，删除其中一个调用，问题应该会解决。
英文:
You seem to be calling callback twice, once after the comment // Get raw image data and another time after // ... or get as Data URI. Remove one of the calls depending which case you want and it should solve the problem.
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论