如何将 space/margin 添加到以下堆叠的弯曲图像中？

Question

我正在使用以下代码并排堆叠弯曲图像：

<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
},

包含 5 张图片的结果：

（顺序从右到左）

Image 1: theta-start = 0 theta-length = 30
Image 2: theta-start = 30 theta-length = 30
Image 3: theta-start = 60 theta-length = 30
Image 4: theta-start = 90 theta-length = 30
Image 5: theta-start = 120 theta-length = 30

如何修改代码使图像之间有 space/margin？

Answer 1

尝试在 theta 角度中添加边距，这样下一个 theta 开始就不会在最后一张图像的 theta 长度结束时开始。这是 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

如何将 space/margin 添加到以下堆叠的弯曲图像中？

How to add space/margin to the following stacked curved images?

javascript

vue.js

aframe