Signature Image Export

You can export the Kendo UI for jQuery Signature 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 widget.

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

    <div id="signature"></div>

    <script>
      let signature = $("#signature").kendoSignature({
        width: 500,
        height: 300
      }).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

• Image Export of the Signature (Demo)
• JavaScript API Reference of the Signature