精确定位中心
精确定位中心
提问于 2011-06-07 20:46:35
我正在开发一个圆形图表，它将有围绕它移动的线条(就像时钟一样，但不一定是那么规则)。这些线实际上是矢量的代表，因此它们将具有角度和大小。我正在对图像做这件事(除非有人有更好的想法)，我正在改变图像的大小来表示大小，我正在使用CSS变换来改变角度。我的问题是，我似乎永远不知道如何定位图像，使其看起来像是来自圆心的线。现在我正在使用CSS的top和left属性来定位图像。有没有人有任何想法来开发一种算法来保持图像的“中心”，或者有一个更好的方法来做到这一点？我会使用超文本标记语言和画布标签，但我必须支持IE8。
Stack Overflow用户
回答已采纳
发布于 2011-06-07 20:50:39
有没有人有任何想法来开发一种算法来保持图像的“中心”，或者有一个更好的方法来做到这一点？我会使用超文本标记语言和画布标签，但我必须支持IE8。
你应该使用Raphaël：
http://raphaeljs.com/
Raphaël目前支持火狐3.0+、Safari 3.0+、Chrome 5.0+、Opera 9.5+和ë6.0+。
有圆圈的随机演示：http://raphaeljs.com/polar-clock.html
一个类似的问题询问“如何制作图表”，拉斐尔在那里获得选票：What method would be best to build this complex graph
回答你问题的另一部分：
我正在使用CSS变换来改变角度。现在我正在使用CSS的top和left属性来定位图像。
你有没有看过transform-origin
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6265365
复制相关文章
相似问题
腾讯云开发者
