SVG zu Canvas mit d3.js
Hat jemand versucht, beim Erstellen von d3.js-Visualisierungen eine SVG-to-Canvas-Bibliothek zu verwenden? Ich habe versucht, canvg.js und d3.js zu verwenden, um svg in canvas aus einer Android 2.3-Anwendung zu konvertieren, aber wenn ich anrufe:
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;");
Ich erhalte die Fehlermeldung: Uncaught TypeError: Methode kann nicht aufgerufen werdensetProperty
von nullhttp://mbostock.github.com/d3/d3.js?2.5.0:1707
Würde eine kopflose Browser-Anwendung oder ein serverseitiger JS-Parser funktionieren? Ist das schon mal jemandem begegnet?