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