crop and print particular section of browsed pdf file

You can try using the HTML5/JavaScript Document Viewer features from LEADTOOLS. The Document Viewer control contains some sub objects like ImageViewer control, which holds the actual document or image data. You can use the ImageViewerRubberBandInteractiveMode with the ImageViewer control (after getting the ImageViewer instance from the Document Viewer control), and then get the region points inside the rubberBandCompleted event handler. After this, you can save the region points into a global variable and pass it to the print command when printing the PDF file.
You can find the online JS Document Viewer demo here:
https://demo.leadtools.com/JavaScript/DocumentViewer/

In addition, the following code shows how you can handle the ImageViewerRubberBandInteractiveMode, get the points inside the rubberBandCompleted event handler and draw a rectangle:

var url = "https://demo.leadtools.com/images/pdf/leadtools.pdf";
var pts = null;
// Call the "LoadFromUri" and pass success and failure callbacks to the promise
lt.Documents.DocumentFactory.loadFromUri(url, null)
.done(function (document) {
// Set the document in the viewer
_this.documentViewer.setDocument(document);
var ImageViewer = _this.documentViewer.view.imageViewer;
var rubberBandMode = new lt.Controls.ImageViewerRubberBandInteractiveMode();
rubberBandMode.add_rubberBandCompleted(function (sender, e) {
pts = e.points;
});
ImageViewer.defaultInteractiveMode = rubberBandMode;
ImageViewer.postRenderItem.add(function (sender, e) {
if (pts == null)
return;
// This code should be updated to take the view transform into consideration while drawing
var rect = lt.LeadRectD.fromLTRB(pts[0].x, pts[0].y, pts[1].x, pts[1].y);
e.context.rect(rect.left, rect.top, rect.width, rect.height);
e.context.stroke();
});
rubberBandMode.isEnabled = true;
})

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Maen Badwan9y ago
You can try using the HTML5/JavaScript Document Viewer features from LEADTOOLS. The Document Viewer control contains some sub objects like ImageViewer control, which holds the actual document or image data. You can use the ImageViewerRubberBandInteractiveMode with the ImageViewer control (after getting the ImageViewer instance from the Document Viewer control), and then get the region points inside the rubberBandCompleted event handler. After this, you can save the region points into a global variable and pass it to the print command when printing the PDF file.
You can find the online JS Document Viewer demo here:
https://demo.leadtools.com/JavaScript/DocumentViewer/

In addition, the following code shows how you can handle the ImageViewerRubberBandInteractiveMode, get the points inside the rubberBandCompleted event handler and draw a rectangle:
var url = "https://demo.leadtools.com/images/pdf/leadtools.pdf";
var pts = null;
// Call the "LoadFromUri" and pass success and failure callbacks to the promise
lt.Documents.DocumentFactory.loadFromUri(url, null)
.done(function (document) {
// Set the document in the viewer
_this.documentViewer.setDocument(document);
var ImageViewer = _this.documentViewer.view.imageViewer;
var rubberBandMode = new lt.Controls.ImageViewerRubberBandInteractiveMode();
rubberBandMode.add_rubberBandCompleted(function (sender, e) {
pts = e.points;
});
ImageViewer.defaultInteractiveMode = rubberBandMode;
ImageViewer.postRenderItem.add(function (sender, e) {
if (pts == null)
return;
// This code should be updated to take the view transform into consideration while drawing
var rect = lt.LeadRectD.fromLTRB(pts[0].x, pts[0].y, pts[1].x, pts[1].y);
e.context.rect(rect.left, rect.top, rect.width, rect.height);
e.context.stroke();
});
rubberBandMode.isEnabled = true;
})
0
Manikandan Murugesan9y ago
Is it possible to print the particluar section that you wanted to print...I thought that might be impossible thing...then You can take any cropping or selection area cropping tool to crop or select the particular area to print...
Thank you.
0