Javascript 位置a拉斐尔“；“装载”；jquery插件中的元素

我正在编写一个插件，用于使用Raphael js制作类似gif的加载。代码的基础是按照以下内容建模的

我的插件的演示可以在上找到

我的问题是，我似乎无法使

svg

位于所选jquery元素的中心。我当时的想法是将

svg

放在一个创建的

div

中，并尝试将该

div

居中，但我似乎也无法让它工作

有什么想法吗

编辑： 我可以通过对包含div的margin属性进行黑客攻击来将其居中。类似于这样的操作：

$loadingContainer = $('<div class="loading"></div>').css({margin: -(this.innerHeight()/2) + 'px auto'}).appendTo(this),

$loadingContainer=$（''）.css（{margin:-（this.innerHeight（）/2）+'px auto'}）.appendTo（this），

---

请注意负边距。。。但我试图避免这样做，而是实际使用Rahpael来定位加载，如“gif”

您需要使用

• 距离

  元素最近的定位元素。加载
  元素时，使用，以便可以调整定位

并使用它们来定位

。加载
元素（使用
位置：绝对
）

演示
您需要使用





距离
元素最近的定位元素。加载
元素时，使用，以便可以调整定位


并使用它们来定位
。加载
元素（使用
位置：绝对
）

演示在