小编Tri*_*das的帖子

如何通过弹出"另存为"窗口将kendoui dataviz图表导出为(.png)或(.jpg)图像格式?

我正在使用kendoui dataviz图表,我需要将这些图表导出为(.png)(.jpg)图像格式.基本上kendoui dataviz图表有一个名为' svg() ' 的内置方法.

' svg() '返回当前图表的SVG表示.返回的字符串是一个独立的SVG文档.

var chart = $("#chart").data("kendoChart");
var svgText = chart.svg();
现在svgText包含图表图像的详细信息.可以告诉我如何将这些数据转换为实际图像格式并弹出另存为提示???

代码示例:我试过这个,但它没有提示任何'SaveAs'弹出窗口

     <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 + '"/>'); …
Run Code Online (Sandbox Code Playgroud)

charts png jpeg export kendo-ui

10
推荐指数
1
解决办法
7285
查看次数

标签 统计

charts ×1

export ×1

jpeg ×1

kendo-ui ×1

png ×1