SVG时钟时长

时间:2015-05-29 15:29:07

标签: css svg clock

我一直在代码笔http://codepen.io/knitevision1/pen/qfdne上玩这个时钟。

任何人都可以帮我减少时针的长度吗?我已经尝试改变高度,但似乎是从外面抽出手。

有问题的代码是:

<div id="clock-container"  style="padding-left:180px;">
<font color="white" size="1">&nbsp;&nbsp;&nbsp;London</font>
<svg id="clock" viewBox="0 0 100 100">
  <circle id="face" cx="50" cy="50" r="45"/>
  <g id="hands">
    <rect id="hour" x="47.5" y="12.5" width="5" height="40" rx="2.5" ry="2.55" />
    <rect id="min" x="48.5" y="12.5" width="3" height="40" rx="2" ry="2"/>
    <line id="sec" x1="50" y1="50" x2="50" y2="16" />
  </g>
</svg>
</div>

谢谢!

1 个答案:

答案 0 :(得分:4)

只需更改.navbar.always-open .navbar-collapse.collapse { display: none; } .navbar.always-open .navbar-collapse.in { display: block; } height即可。例如,y更短:

20px

时钟的中心位于<rect id="hour" x="47.5" y="32.5" width="5" height="20" rx="2.5" ry="2.55" /> ,因此双手50, 50x的公式为:

y