SVG в Canvas с помощью d3.js

Кто-нибудь пробовал использовать библиотеку svg to canvas при создании визуализаций d3.js? Я пытался использовать canvg.js и d3.js для преобразования svg в canvas из веб-просмотра приложения Android 2.3, но когда я вызываю:

svg.selectAll(".axis")
   .data(d3.range(angle.domain()[1]))
   .enter().append("g")
   .attr("class", "axis")
   .attr("transform", function(d) { return "rotate(" + angle(d) * 180 / Math.PI + ")"; })
   .call(d3.svg.axis()
       .scale(radius.copy().range([-5, -outerRadius]))
       .ticks(5)
       .orient("left"))
   .append("text")
   .attr("y", 
        function (d) {
            if (window.innerWidth < 455){
                console.log("innerWidth less than 455: ",window.innerWidth);
                return -(window.innerHeight *.33);
            }
            else {
                console.log("innerWidth greater than 455: ",window.innerWidth);
                return -(window.innerHeight *.33);
            }
        })
   .attr("dy", ".71em")
   .attr("text-anchor", "middle")
   .text(function(d, i) { return capitalMeta[i]; })
   .attr("style","font-size:12px;");

Я получаю сообщение об ошибке :Uncaught TypeError :Невозможно вызвать метод setPropertyиз nullhttp://mbostock.github.com/d3/d3.js?2.5.0:1707

Будет ли работать какое-то безголовое приложение для браузера или парсер js на стороне сервера? Кто-нибудь сталкивался с этим раньше?

14
задан Hongarc 16 October 2018 в 16:57
поделиться