0

我有一个 Raphael.js SVG 元素存在于一个 div 中。有时——当页面加载时，或者当一个 jquery-ui-draggable 被拖到主 svg 节点上时——整个 SVG 元素（over？）几乎在页面下方流动。也就是说，如果它从 0,0 开始并且高 500 像素，它会突然跳到 0,500，而且并非总是如此。我试过设置 position:relative 但这似乎并没有解决它。实际上，调整位置：在 Chrome 调试器中使其“返回”，但通过页面加载将其保持在那里并不能永久解决问题。它可能发生在所有页面加载的一半。

任何人都知道可能导致这种情况的原因，或者至少有一种方法可以将其卡在顶部？我对CSS一无所知。

抱歉没有举个例子；这是我目前无法分享的大型设置的一部分。我希望有人有预感。

4

2 回答 2

1

您能否在生成的源代码发生时检查它（我使用 Web Developer 工具，其中有一个选项可以查看生成的源代码 - 并且我确信 Chrome 中有类似的东西）以查看是否没有插入元素在它之前（或者你的程序逻辑中的某些东西导致画布被复制）。我曾经对 Raphael 有过一些非常奇怪的行为，发现这与我无意中在页面上两次加载相同的脚本有关。

我也总是可以在 CSS 中建议绝对定位，但这听起来并不能解决根本问题。

祝你好运，希望能有所帮助。

于 2013-07-25T09:33:10.937 回答
0

显然这是一些 CSS 变换：输入路径不在正确的坐标空间中，所以我们-webkit-transform: translateY(400px) scaleY(-1);在<svg>元素中做了一个。在将它们放入 DOM 之前，我将尝试缩放路径。

于 2013-07-26T19:45:57.813 回答