【问题标题】:jQuery $.position() on Safari & ChromeSafari 和 Chrome 上的 jQuery $.position()
【发布时间】:2010-07-11 12:04:41
【问题描述】:

我在使用 $.position 检索元素上的相对 x/y 偏移时遇到问题。 之前提到过,Safari 和 Chrome 在处理它的方式上有所不同。

我正在使用 Raphael-JS。

长话短说,我有一个由父元素包裹的 SVG 元素,居中 DIV 包装器:

<div> 
    <svg>
        <path/>
    </svg>
</div>

在每个浏览器中,运行在 'path' 元素上的 $.position 返回的对象或多或少都会给出正确的值。 Chrome 和 Safari 都为 x 偏移返回负值,为 y 返回 0。

任何帮助将不胜感激, 最好的问候

【问题讨论】:

  • 你能发布一些控制这些元素显示的 CSS 吗?当我尝试一个非常简单的测试时,Safari 和 Chrome 给我的结果与 Firefox 完全相同。
  • jsfiddle.net/2Pavc/1 在 Firefox 和 Safari 中尝试一下。后者返回零。

标签: jquery svg raphael


【解决方案1】:

尝试使用 Raphael 的 cxcy 属性,例如 circle.attr("cx")circle.attr("cy")

【讨论】:

  • 然后尝试xy。转储raphaelElement.attr(),看看它有什么属性?
  • 每个对象只包含四个属性:填充、路径、描边、描边宽度。
  • 分别使用getBBox().x和getBBox().y解决。
猜你喜欢
  • 2011-07-17
  • 1970-01-01
  • 2019-06-18
  • 2011-04-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多