MrRio
commented
10 years ago This PR may be of interest to you as it adds PNG support
https://github.com/MrRio/jsPDF/pull/195
On Wed, Mar 12, 2014 at 9:43 AM, Pascal Sautot notifications@github.comwrote:
I m trying to use addImage in a phonegap application. All the code works perfectly well on a desktop browser but results in a corrupted pdf file on android.
toDataURL returns a png image string instead of a requested jpeg image string. I used the JPEGencoder framework which can be found in this repo https://github.com/owencm/javascript-jpeg-encoder.git to fix this.
There is a copy of the code I use at the end of this post. The code prepares data for addImage and does pretty much what addImage does at the beginning when passing an Image object.
Once the document is written I can observe a /Image object in the pdf script code but it differs from what I obtain on a desktop computer (JPEG algo probably differs). what bother me is that Acrobat reader complains there is an error in the pdf file and no image is displayed.
Here is the piece of code I used var getJpegImageDataURI= function(img,w,h) { var canvas = document.createElement("canvas"),
ctx = canvas.getContext("2d"), url = undefined;
if( w === undefined )w=img.width; if( h === undefined )h=img.height; if(ctx!==undefined) { canvas.width = w; canvas.height = h; ctx.drawImage(img,0,0,w,h,0,0,w,h); var toDataURLFailed=false; try { url=canvas.toDataURL("image/jpeg",1.); } catch(e) { toDataURLFailed=true; // android may generate png alert("toDataURL failed try JPEGEncoder if type deos not match jpeg: " + e); } if( toDataURLFailed || (url.slice(0,"data:image/jpeg".length) !== "data:image/jpeg") ) // check not jpeg type { // fallback generate jpeg data try { var encoder = new JPEGEncoder(); url= encoder.encode(ctx.getImageData(0,0,w,h), 100); } catch(e){ alert("JPEGEncoder failed"+e); } } } else { console.error("[IZIWATT-CONTOLLER] 2d canvas not supported"); } if(url===undefined)alert("getJpegImageDataURI return undefined"); return url;};
Reply to this email directly or view it on GitHubhttps://github.com/MrRio/jsPDF/issues/207 .
James Hall Director
Parallax
+44 113 322 6477 http://parall.ax/
Registered office: The Old Brewery, High Court, Leeds, LS2 7ES Registered in England no. 07430032 VAT No. 101 3405 84
pascalPimaia
sebastianperrone
diegocr
jamesbrobb
lvbeck
Originalin
jonatasfreitasv
6trading
I m trying to use addImage in a phonegap application. All the code works perfectly well on a desktop browser but results in a corrupted pdf file on android.
toDataURL returns a png image string instead of a requested jpeg image string. I used the JPEGencoder framework which can be found in this repo https://github.com/owencm/javascript-jpeg-encoder.git to fix this.
There is a copy of the code I use at the end of this post. The code prepares data for addImage and does pretty much what addImage does at the beginning when passing an Image object.
Once the document is written I can observe a /Image object in the pdf script code but it differs from what I obtain on a desktop computer (JPEG algo probably differs). what bother me is that Acrobat reader complains there is an error in the pdf file and no image is displayed.
Here is the piece of code I used