缩放整个svg的内容

时间:2015-10-16 18:06:16

标签: javascript html5 svg polygon

我试图在svg空间内查看具有动态坐标(从服务器检索)的多边形。

我想要发生的是这个多边形将在整个svg上拉伸,而我能够实现的是观察一个非常小的多边形或根本不查看它。

到目前为止,这是我最好的尝试:



<svg width="100%" viewBox="4980 4980 5020 5020">
  <polygon points="5020,5000 5010,5017.320508075689 4990,5017.320508075689 4980,5000 4990,4982.679491924311 5010,4982.679491924311"></polygon>
</svg>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:2)

viewBox的最后两个参数是width和height。

<svg width="100%" height="100%" viewBox="4980 4980 40 40">
  <polygon points="5020,5000 5010,5017.320508075689 4990,5017.320508075689 4980,5000 4990,4982.679491924311 5010,4982.679491924311"></polygon>
</svg>