Getting black images after adding 27 images through addHTML

I using JS PDF v 1.3.3, with in angular2 project. I am generating pdf with addHTML function. Code works fine for 26 pages. onces it crosses 26 pages complete pdf is generted with black images. I am using below code to generate the pdf.

has any one faced this kind of issue?

 this.pdfDoc.addHTML(this.pages[index], 0, 0, this @.options, () => {
                let obj = this.getClientHeightWidth(index);
                this.pdfDoc.addPage(obj.clientWidth, obj.clientHeight);
                index++;
                this.addPage(index);
            });

[Uzlopak]

tbh, I dont know the syntax of angularJS. But if your code is grabbing the whole html-site, than it could be the buffer overflow.

https://stackoverflow.com/questions/6081483/maximum-size-of-a-canvas-element Like I said… I guess it is a buffer overflow.

A4 are 595x 842 pixels. If we take chomes limit of 32,767 pixels than we have 38 pages to render.

It could be also the addImage-Problem. Go to the addImage Plugin and replace the jsPDFAPI.arrayBufferToBinaryString method by this code.

	/**
	 * Convert the Buffer to a Binary String
	 */
	jsPDFAPI.arrayBufferToBinaryString = function(buffer) {
		if (typeof(window.atob) === "function") {
			return atob(this.arrayBufferToBase64(buffer));
		} else {
			var data = (this.isArrayBuffer(buffer)) ? buffer : new Uint8Array(buffer);
			var chunkSizeForSlice = 0x5000;
			var binary_string = '';
			var slicesCount = Math.round(data.byteLength / chunkSizeForSlice);
			for (var i = 0; i < slicesCount; i++) {
				binary_string += String.fromCharCode.apply(null, data.slice(i*chunkSizeForSlice, i*chunkSizeForSlice+chunkSizeForSlice));
			}
			return binary_string;
		}
	};

And then check again

[AswarthaA]

@newdevsoft7 I had like 35 applications altogether and I was generating PDF pages for all of them together. Now I am generating one page at a time and clearing the DOM…