编码 fitbit 表盘 - 分组和中心图像

问题描述

我能够将字体转换为图像并在那里获得我想要的内容,但现在我无法找到如何将图像居中(小时和分钟)。

当小时是一位数时(而不是说 10:00 或 12:00),小时 1 不可见,从而使时间不再居中。

有没有办法让我将五个图像分组并居中?

让我们以时间为中心的最佳方式是什么?

<svg id="page" class="portrait-view">

  <image id="background" href="background.png" x="0" y="0" width="100%" height="100%" fill="#000000" class="background" />
   
  <image id="day" href="day_mon.png" x="192" y="75" width="68" height="30" class="foreground" />
  
  <image id="date1" href="1.png" x="292" y="75" width="20" height="30" fill="#FFFFFF" class="foreground" />
  <image id="date2" href="1.png" x="319" y="75" width="20" height="30" fill="#FFFFFF" class="foreground" />
  
  <svg> 

    <image id="separator" href="separator.png" x="193" y="137" width="25" height="71" fill="#FFFFFF" class="foreground" />
    <image id="hours1" href="1.png" x="63" y="118" width="54" height="108" fill="#FFFFFF" class="foreground" />
    <image id="hours2" href="3.png" x="133" y="118" width="54" height="108" fill="#FFFFFF" class="foreground" />
    <image id="mins1" href="3.png" x="228" y="118" width="54" height="108" fill="#FFFFFF" class="foreground" />
    <image id="mins2" href="7.png" x="290" y="118" width="54" height="108" fill="#FFFFFF" class="foreground" />
  </svg>
  
</svg>

<!-- 348x250 -->

如果您需要其他信息,请告诉我。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)