Html2canvas 不适用于 angular.js 中的 Google 折线图

苏拉夫·格鲁伊

请帮我。我正在尝试将折线图转换为画布图像。

$scope.export = function() {
    html2canvas($('#div'), {
        useCORS: true,
        onrendered: function(canvas) {
            document.body.appendChild(canvas)
        }
    });
}
苏拉夫·格鲁伊
var svgString = new XMLSerializer().serializeToString(document.querySelector('svg'));

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var DOMURL = self.URL || self.webkitURL || self;
var img = new Image();
var svg = new Blob([svgString], { type: "image/svg+xml;charset=utf-8" });
var url = DOMURL.createObjectURL(svg);

img.onload = function() {
   ctx.drawImage(img, 0, 0);
   var png = canvas.toDataURL("image/png");
   DOMURL.revokeObjectURL(png);
   img.src = url;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Google日期时间格式器不适用于Google折线图

来自分类Dev

Google折线图的“ dragToZoom”属性不适用于版本45

来自分类Dev

折线图不适用于time chart.js类型

来自分类Dev

Chart.js stepSize 不适用于日期折线图

来自分类Dev

.renderTitle(false) 不适用于折线图 DC.js

来自分类Dev

触摸事件不适用于Angular中的Google Maps

来自分类Dev

Highlight.js不适用于Angular 2

来自分类Dev

html2canvas不适用于Google Maps Pan

来自分类Dev

Angular Binding 不适用于 HTML 中的选择框

来自分类Dev

ngStyle不适用于angular2中的!important

来自分类Dev

将折线图嵌入html页面内的Google图表表中

来自分类Dev

Angular-chart.js-使折线图不弯曲

来自分类Dev

HTML,JS基本脚本不适用于Google Chrome,但适用于Mozilla和Microsoft Edge

来自分类Dev

使用MYSQL中的数据动态填充Google折线图

来自分类Dev

如何避免Google折线图注释中的重叠

来自分类Dev

Google Map屏幕截图不适用于使用html2canvas的标记和标记群集

来自分类Dev

Slick.js不适用于Google Maps API中的infoBox.js

来自分类Dev

Slick.js不适用于Google Maps API中的infoBox.js

来自分类Dev

dc.js中的双Y轴折线图

来自分类Dev

dc.js中的多系列折线图

来自分类Dev

增加chart.js中折线图的标签大小

来自分类Dev

dc.js中的双Y轴折线图

来自分类Dev

无法在 D3.js 中创建折线图

来自分类Dev

Chart.js两个y轴折线图工具提示值不适用于第二个y轴

来自分类Dev

<div [innerHTML] = ....在angular2 html注入中不适用于iframe html>

来自分类Dev

CORS Cookie可用于获取请求,但不适用于Angular2中的发布

来自分类Dev

为什么css不适用于Angular js中的表单

来自分类Dev

Angular JS中的fieldset ng-disabled不适用于按钮

来自分类Dev

动态下拉列表不适用于Angular JS中的提交

Related 相关文章

  1. 1

    Google日期时间格式器不适用于Google折线图

  2. 2

    Google折线图的“ dragToZoom”属性不适用于版本45

  3. 3

    折线图不适用于time chart.js类型

  4. 4

    Chart.js stepSize 不适用于日期折线图

  5. 5

    .renderTitle(false) 不适用于折线图 DC.js

  6. 6

    触摸事件不适用于Angular中的Google Maps

  7. 7

    Highlight.js不适用于Angular 2

  8. 8

    html2canvas不适用于Google Maps Pan

  9. 9

    Angular Binding 不适用于 HTML 中的选择框

  10. 10

    ngStyle不适用于angular2中的!important

  11. 11

    将折线图嵌入html页面内的Google图表表中

  12. 12

    Angular-chart.js-使折线图不弯曲

  13. 13

    HTML,JS基本脚本不适用于Google Chrome,但适用于Mozilla和Microsoft Edge

  14. 14

    使用MYSQL中的数据动态填充Google折线图

  15. 15

    如何避免Google折线图注释中的重叠

  16. 16

    Google Map屏幕截图不适用于使用html2canvas的标记和标记群集

  17. 17

    Slick.js不适用于Google Maps API中的infoBox.js

  18. 18

    Slick.js不适用于Google Maps API中的infoBox.js

  19. 19

    dc.js中的双Y轴折线图

  20. 20

    dc.js中的多系列折线图

  21. 21

    增加chart.js中折线图的标签大小

  22. 22

    dc.js中的双Y轴折线图

  23. 23

    无法在 D3.js 中创建折线图

  24. 24

    Chart.js两个y轴折线图工具提示值不适用于第二个y轴

  25. 25

    <div [innerHTML] = ....在angular2 html注入中不适用于iframe html>

  26. 26

    CORS Cookie可用于获取请求,但不适用于Angular2中的发布

  27. 27

    为什么css不适用于Angular js中的表单

  28. 28

    Angular JS中的fieldset ng-disabled不适用于按钮

  29. 29

    动态下拉列表不适用于Angular JS中的提交

热门标签

归档