JavaScript动画短笔画和长笔画

Question

大家好我想用javascrit和raphael为我的网站制作一个时钟。它的工作完美，我只是想让它看起来更好。目前我有12个短划线出现的数字，例如12,1,2,3等。然而，我想要在我所拥有的大破折号之间有4个额外的破折号。

示例：

然而，我无法让小小的破折号出现。我尝试以与我的大破折号相同的方式进行，但遗憾的是没有运气。对此事的任何帮助都会很棒。

这就是我的尝试：

Answer 1

你可能只是以6度的方式在时钟中心周围转换相同的路径，在某些方面感觉更直观，但这取决于你喜欢使用的...所以你可以做类似以下的事情，这只取决于你是否想要改变元素，你可能更愿意避免这种情况。

这将绘制两组线。

for(i=0;i<60;i++){
  if( i % 5 != 0 ) {
    paper.path('M40,40L45,45').transform('r'+(i*360/60+45)+',100,100')
  } else {
    paper.path('M40,40L55,55').transform('r'+(i*360/12+45)+',100,100');
  }
}

jsfiddle