This is a migrated thread and some comments may be shown as answers.

kendo.drawing.drawDOM freezes when parsing dom with svg image

2 Answers 313 Views
Drawing API
This is a migrated thread and some comments may be shown as answers.
Guy
Top achievements
Rank 1
Guy asked on 13 Mar 2017, 07:00 PM
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"
        });
    });
while capturing the screenshot of the DOM snippet above with kendo.drawing.drawDOM function as PNG with the following script

2 Answers, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 15 Mar 2017, 01:10 PM
Hello Guy,

Thank you for reporting this.

I can confirm that this is an issue with the current version of Kendo UI Export.

I created an issue in our GitHub repository and forwarded it to our developers for fixing. You can track its progress at:

https://github.com/telerik/kendo-ui-core/issues/2910

Currently, there is no workaround available, if one is present it will be added in the GitHub issue.

Additionally, I updated your Telerik points for bringing this to our attention.

Regards,
Stefan
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data (charts) and form elements.
0
Guy
Top achievements
Rank 1
answered on 16 Mar 2017, 05:58 PM
Thanks Stefan !!
Tags
Drawing API
Asked by
Guy
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Guy
Top achievements
Rank 1
Share this question
or