D3JS SVG 视图框属性

【问题标题】：D3JS SVG Viewbox AttributeD3JS SVG 视图框属性
【发布时间】：2014-06-18 13:48:52
【问题描述】：

我将 svg 附加到我的 div 并应用 viewBox 属性“0 0 100% 100%”。我的控制台显示来自 d3.js 的错误。

Error: Invalid value for <svg> attribute viewBox="0 0 100% 100%"

这是代码中的sn-p

d3.select("#chart")
    .append("svg")
    .attr("viewBox", "0 0 100% 100%");

是否允许在 viewBox 属性中使用百分比？

【问题讨论】：

【解决方案1】：

a valid viewBox 必须由 4 个数字组成，由空格和/或逗号分隔。不允许使用百分比。

【讨论】：