while capturing the screenshot of the DOM below with kendo.drawing.drawDOM function as PNG with the js script provided below,
the then callback is executed, however, the done callback never executes. The image tag has a src attribute pointing to an SVG image. I understand that the SVG will be ignored, but i am expecting to get an image without SVG content in the end. However again the done callback never gets called.
<!-- The DOM-->
<
span
class
=
"grouping-field label label-primary"
data-fieldkey
=
"*SERVER.FLD0000007"
>
<
img
src
=
"http://localhost:183/Content/images/svg/dimensionAsc.svg"
>
Month
<
span
aria-hidden
=
"true"
class
=
"field-close glyphicon glyphicon-remove"
></
span
>
</
span
>
// js code
var
draw = kendo.drawing;
draw.drawDOM($(
".grouping-field"
))
.then(
function
(root) {
// Chaining the promise via then
return
draw.exportImage(root);
})
.done(
function
(data) {
// Here 'data' is the Base64-encoded image file
kendo.saveAs({
dataURI: data,
fileName:
"calendar.png"
});
});