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>