How to print or export specific page (muiltpage=true)

[carlos mendez]

Hi there, i have been testing on how to print or export a specific page,  in my test  I have multipage=true pagebreak=true on the diagram component so  i Have 6 pages   3x3   but when i print or export appears the whole diagram so now i want to print specific page or pages lest say  page # 3  or page 4 & 5
this need its cause some diagrams i need to make are very huge so its needed to print on Letter page 1 or 2 page(s) so i can join them later after printed
checking examples & documentation about exporting region also does not well for me perhaps i am doing something wrong.  Also on the part of  printing i set options similar to exporting but does not work.

Can anyone provide an example or piece of code that may work with samples ?
thanks in advance.

[Shyam G]

Hi Carlos, 

 

• Currently we don’t have support to print the specific page in our diagram control.
• instead we get dataURL from exportDiagram method and convert it into multiple images based on the page size. Later you can print the specific images.

Code example: 

               // get data url 

                var url = diagram.exportDiagram({ 

                    fileName: "diagram", 

                    mode: "data", 

                    format: "png", 

                    pageWidth: 400, 

                    pageHeight: 400, 

                    region: "pageSettings", multiplePage: true 

                }); 

                  //get multiple image data url 

    var images = getMultipleImage(img, { mode: "data", region: "pageSettings", pageWidth: 400, pageHeight: 400, multiplePage: true, margin: { top: 0, bottom: 0, left: 0, right: 0, } }); 

 

                   //print specific image 

     PrintWind.document.write('<img src="' + images[1] + '">');   

• please refer to the JSPlayground link below.

 

JSPlayground link: http://jsplayground.syncfusion.com/zhnpffxg 

 

Regards, 

Shyam G