0

我的数据分为两部分：

  1. 位置 x,y
  2. 点 px1,py1 px2,py2 .... pxn,pyn

我正在根据这些数据构建 SVG，但我希望这些点与位置相关，例如未处理的点如下

<svg height="210" width="500" viewBox='0 0 256 512' xmlns='http://www.w3.org/2000/svg' version='1.1' >
  <polygon 
      points="37.2016,0 0,28.1848 14.2097,73.7889 60.1934,73.7889 74.4032,28.1848 37.2016,0" 
      style="fill:lime;stroke:purple;stroke-width:1" />
</svg>

但是对象左上角的位置应该是 100,100，所以点应该都加 100。

现在，我当然可以在处理数据以生成 SVG 的代码中执行此操作，但是有没有一种简单的方法可以在点上添加偏移或偏差？

我尝试了以下方法（添加了 x= 和 y=），但对 SVG 的查看没有影响：

<svg height="210" width="500" viewBox='0 0 256 512' xmlns='http://www.w3.org/2000/svg' version='1.1' >
  <polygon 
     x="100" y="100"
     points="37.2016,0 0,28.1848 14.2097,73.7889 60.1934,73.7889 74.4032,28.1848 37.2016,0" 
     style="fill:lime;stroke:purple;stroke-width:1" />
</svg>
4

1 回答 1

1

当然，将 transform="translate(100,100)" 添加到多边形并删除无用的 x 和 y 属性。

于 2016-03-13T12:30:30.533 回答