精确定位中心

时间:2011-06-07 12:46:35

标签: javascript html css

我正在开发一个圆形图表,它会有一些围绕它移动的线条(就像一个时钟,但不一定是常规的)。这些线实际上代表了矢量,因此它们将具有角度和幅度。我正在用图像做这个(除非有人有更好的想法),我正在改变图像的大小来表示幅度,我正在使用CSS转换来改变角度。我的问题是,我似乎永远不知道如何定位图像,使它看起来像是来自圆心的线。现在我使用CSS顶部和左侧属性来定位图像。有没有人有任何想法来开发一个算法来保持图像“居中”或有一个更好的方法来做到这一点?我会使用HTML和canvas标签,但我必须支持IE8。

1 个答案:

答案 0 :(得分:2)

  

有没有人有任何想法   开发一种算法来保持   图像“居中”或有一个想法   更好的方法吗?我会用   HTML和canvas标签,但我必须这样做   支持IE8。

你应该使用Raphaël:

http://raphaeljs.com/

  

Raphaël目前支持Firefox   3.0 +,Safari 3.0 +,Chrome 5.0 +,Opera 9.5+和Internet Explorer 6.0 +。

包含圈子的随机演示:http://raphaeljs.com/polar-clock.html

一个类似的问题,询问Raphaël得票的“如何制作图表”:What method would be best to build this complex graph


回答你问题的另一部分:

  

我正在使用CSS转换来改变角度。   现在我正在使用CSS top和left   用于定位图像的属性。

你看过transform-origin吗?