We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Thanks for the example, I am able to print the html node to image format! however I am facing another
problem now, the diagram I am trying to print is large enough that one needs to scroll along the y axis (in some cases one might need to scroll along x axis as well to see the full image).
following are my diagram specs:
whenever I try to print / export it always prints the image which is visible without scrolling, which is probably equal to diagram height (559px). How can I print the whole page height which is about 3545px.. can you please help me.
To start with, I have not initialized pagesettings while creating the diagram, but later on since on PrintImage method we are using region: "PageSettings" so I tried to set the PageSettings as well with height and width equal to diagram's html layer. still, it was only printing the part of the screen which can be seen without scrolling.
Also, when I try to print it shows page 1/3 where page is the only page having image, page 2 and page 3 remains empty. This is my code
resultTarget: function (returnData) {
var diagram = form.data('diagram');
diagram.printImage(returnData, {
fileName: "diagram",
mode: "Data",
format: "png",
region: "PageSettings",
stretch: "Meet",
pageHeight: 1600,
pageWidth: 900,
pageOrientation: 'Portrait',
bounds: {
x: 0,
y: 0,
height: 1600,
width: 900
}
});
}
is it possible to fit the image within single page horizontally? as of now I am keeping pageWidth and bound.width same , which is 500.
diagram.printImage(returnData, {
fileName: "diagram",
mode: "Data",
format: "png",
multiplePage: true,
region: "PageSettings",
stretch: "Meet",
pageHeight: Number(String(diagram.height).split('px')[0]),
pageWidth: 500,
pageOrientation: 'Portrait',
bounds: {
x: 0,
y: 0,
height: printandExportAreaBound.height,
width: 500
}
});
so, part of the image gets clipped. But as soon as I increase page width and bound.width to 600 or 650, then extra portion of horizontal width moving to next page. We are not using any horizontal scroll so the entire diagram fits well inside the screen. Following dimension
Attached example of how the UI renders when width is (pagewidth, boundWidth ) 500,500 vs 600, 600. Objective is to fit the whole diagram horizontally within a page.
