Как экспортировать диаграмму kendoui dataviz в формат (.png) или (.jpg), открыв окно «Сохранить как»?

Я использую диаграммы kendoui dataviz , и мне нужно экспортировать эти диаграммы в (. png) или ( .jpg) формат изображения. В основном диаграмма kendoui dataviz имеет встроенный метод, называемый ' svg () '.

' svg () ' Возвращает SVG-представление текущего графика. Возвращенная строка представляет собой автономный документ SVG.

Пример

var chart = $("#chart").data("kendoChart");
var svgText = chart.svg();

Теперь svgText содержит подробную информацию об изображении диаграммы ... может ли кто-нибудь сказать мне, как преобразовать эти данные в фактический формат изображения и вызвать всплывающее окно Сохранить как ???

пример кода: Я пробовал это, но не появляется всплывающее окно «Сохранить как»

     <div id="example" class="k-content">
              <div class="chart-wrapper">
                  <div id="chart"></div>
                     <center>
                        <div>
                          <input type="button" value="click" onclick="disp();" />
                        </div>
                     </center>
                  <div>
      <canvas id="canvas"></canvas>
      </div>
        </div>
           </div>


          <script type="text/javascript">

            function disp() {
                var chart = $("#chart").data("kendoChart");
                var svgText = chart.svg();
                var c = document.getElementById('canvas');
                canvg(c,svgText);
                var img    = c.toDataURL("image/png");
                document.write('<img src="' + img + '"/>');
                window.win = open(imgOrURL);
                setTimeout('win.document.execCommand("SaveAs")', 100);
                }

              function createChart() {
                $("#chart").kendoChart({
                    theme: $(document).data("kendoSkin") || "default",
                    title: {
                        text: "Internet Users"
                    },
                    legend: {
                        position: "bottom"
                    },
                    chartArea: {
                        background: ""
                    },
                    seriesDefaults: {
                        type: "bar"
                    },
                    series: [{
                        name: "World",
                        data: [15.7, 16.7, 20, 23.5, 26.6]
                    }, {
                        name: "United States",
                        data: [67.96, 68.93, 75, 74, 78]
                    }],
                    valueAxis: {
                        labels: {
                            format: "{0}%"
                        }
                    },
                    categoryAxis: {
                        categories: [2005, 2006, 2007, 2008, 2009]
                    },
                    tooltip: {
                        visible: true,
                        format: "{0}%"
                    }
                });
            }

            $(document).ready(function () {
                setTimeout(function () {
                    createChart();

                },100);


                $(document).bind("kendo:skinChange", function (e) {
                    createChart();
                  });
             });
    <script>