Overview of Blazor SfPdfViewer Component
10 Dec 20245 minutes to read
The new Blazor SfPdfViewer component allows users to view, edit, print, and download PDF files without the web service dependency in Blazor applications. It is designed to be fast and responsive and comes with the same feature set as the previous PDF Viewer. It is easy to use and can be integrated into both Blazor Server and WASM applications with minimal effort.
The Blazor SfPdfViewer component shares the same key features as the Blazor PDF Viewer component, but this new component has some advantages over the old component.
Performance Improvement
We have enhanced the performance in rendering, scrolling, zooming, panning, and printing.
Elimination of Service Dependency
The old PDF viewer component required a separate Service URL to load the document. However, in the PDF Viewer, we have eliminated the need for a service URL. Now, the document can be loaded offline without making a service call.
Common Package
In the previous component, we had different packages for different operating systems such as Windows, Linux, and OSX. In the SfPdfViewer version, we have introduced common packages that work across all environments.
Reduced Server Calls
The old PDF viewer component required numerous C# calls to retrieve document information such as text on the page, hyperlinks, and page images. In the PDF Viewer, we have shifted these functionalities to the client side, resulting in improved performance.
Some of the key features are listed below
- Accurate and reliable rendering of PDF pages.
- Provides easy page navigation with,
- Core interactions
- Zooming and panning
- Text searching
- Text selection and copy
- Print PDF file.
- Annotate PDF with different types of annotations such as,
- Highlight, underline, and strikeout annotation
- Shape annotation: Rectangle, circle, polygon, line, and arrow.
- Stamp annotation: Built-in and custom stamp
- Measurement annotation
- Free text annotation
- Add a comment or note for all type of annotations
- FormFilling
- Handwritten Signature
Supported Features: Desktop vs Mobile
The table below provides a list of supported and non-supported features on both desktop and mobile devices.
| Feature | Desktop | Mobile Devices |
|---|---|---|
| Keyboard interaction | Yes | No |
| Opening file different origin | Yes | Yes |
| Saving a file to a different origin | Yes | Yes |
| Toolbar | Yes | No |
| Mobile toolbar | No | Yes |
| Navigation toolbar | Yes | No |
| Page Navigation | Yes | No |
| Magnification | Yes | Yes |
| Text search | Yes | Yes |
| Text selection | Yes | No |
| Pan mode | Yes | Yes |
| Hand Written Signature | Yes | Yes |
| Annotation rendering | Yes | Yes |
| Annotation interaction | Yes | Yes |
| Annotation property editing | Yes | No |
| Add annotation through touch | Yes | No |
| Import/export annotation | Yes | Yes |
| From fields rendering | Yes | Yes |
NOTE
Enable desktop mode on mobile devices using the EnableDesktopMode property to view the toolbar as in desktop.
NOTE
Syncfusion® provides the SfPdfViewer component for both Blazor Server and Blazor WebAssembly applications.
For both Blazor WebAssembly App and Blazor Server App use SfPdfViewer component in Syncfusion.Blazor.SfPdfViewer NuGet package. This component will not requires server-side processing to render the PDF files through web service.
* For Windows, Linux and Mac (OSX) uses the sample Nuget Syncfusion.Blazor.SfPdfViewer
NOTE
You can refer to the Blazor SfPdfViewer feature tour page for its groundbreaking feature representations. You can also explore the Blazor SfPdfViewer example to understand how to explain core features of PDF Viewer.