Simple Signature Pad (Blazor, Canvas, JS, .NET 5)

I had a project using a Blazor Signature package that kept throwing intermittent errors with its signature pad.  It appeared to be an issue between its interaction with Javascript, but since it was encapsulated within the package, I could’t debug it.

Instead of using a package, I decided to break it up by using the most popular JS signature pad (https://github.com/szimek/signature_pad) and JSInterop in Blazor to facilitate the communication between .NET and Javascript.

For the quick demo:

CODE SOLUTION

Blazor Fiddle: https://blazorrepl.telerik.com/mQlEEQaP03xh4BFS58

  https://github.com/catriname/BlazorSignatureJS

Continue Reading