New to Telerik UI for ASP.NET Core? Download free 30-day trial

Signature Image Export

You can export the Telerik UI Signature for ASP.NET Core to a PNG file through the Kendo UI saveAs method.

To achieve this functionality, retrieve the base64 value of the Signature by using the value method of the component.

    <button id="export">Export as PNG</button>

    @(Html.Kendo().Signature()
            .Name("signature")
            .Width(500)
            .Height(300)
    )

    <script>
      let signature = $("#signature").getKendoSignature();
      $("#export").kendoButton({
        click: function() {
          kendo.saveAs({
            // Use the base64 value of the signature for the dataURI.
            dataURI: signature.value(),
            fileName: "signature.png"
          });
        }
      });
    </script>
    <button id="export">Export as PNG</button>

    <kendo-signature name="signature"
                     width="500"
                     height="300">
    </kendo-signature>

    <script>
      let signature = $("#signature").getKendoSignature();
      $("#export").kendoButton({
        click: function() {
          kendo.saveAs({
            // Use the base64 value of the signature for the dataURI.
            dataURI: signature.value(),
            fileName: "signature.png"
          });
        }
      });
    </script>

See Also

In this article