如何为以下堆叠曲线图像添加空间/边距？

Question

我使用以下代码并排堆叠曲线图像：

node.Text

5张图片的结果：

（订单从右到左）

<a-curvedimage
  v-for="(value, index) in model"
  :theta-start="setThumbThetaStart(thumb, index)"
  :theta-length="30">

// thumb is not being used only the index (0, 1, 2, etc).
setThumbThetaStart (thumb, index) {
  return index * this.thumbLength
},

如何修改代码以使图像之间有空格/边距？

Answer 1

尝试在θ角度中添加边距，以便下一个θ-start在最后一个图像的θ长度结束时不会立即开始。这是15度的利润：

Image 0: theta-start = 0 theta-length = 30
Image 1: theta-start = 45 theta-length = 30
Image 2: theta-start = 90 theta-length = 30
Image 3: theta-start = 135 theta-length = 30
Image 4: theta-start = 180 theta-length = 30