在整个 svg 上缩放内容

Question

我正在尝试查看 svg 中具有动态坐标（从服务器检索）的多边形 space。

我想要发生的是这个多边形将在整个 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>

Answer 1

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>

在整个 svg 上缩放内容

scale content over entire svg

html

javascript

svg

polygon