Javascript 在CSS中重新缩放SVG

我有一个在illustrator中制作的SVG，用于960pt x 960pt的artbox。我想把它插入一个次等尺寸的网页

我试图通过以下方式来减少它，但它会像以下JSFIDLE中那样被裁剪：

d3js：

CSS:

---

如何在不裁剪的情况下重新缩放？非常感谢

哇，我花了一段时间才弄明白你做错了什么。首先，

viewBox

带有大写字母

B

。所以你得到了

.attr("viewBox",'0 0 1000 1000');

注意，我声称它必须是空格而不是逗号。事实并非如此，我的错，根据规范：

用空格和/或逗号分隔

只是规范总是使用空格

---

请参见此处：

您正在寻找天平。我可以推荐以下内容作为介绍：

svg {
    width: 400px;
    height: 400px;
}

.attr("viewBox",'0 0 1000 1000');