问题标签 [jquery-svg]

我正在尝试创建一个交互式地图，用户可以在其中单击地图中的不同省份以获取特定于该省份的信息。

例子：

• 存档：http ://www.todospelaeducacao.org.br/

• 存档：http ://code.google.com/p/svg2imap/

到目前为止，我只找到了功能有限的解决方案。我只是使用 SVG 文件真正搜索过这个，但如果可能的话，我会向其他文件类型开放。

如果有人知道执行此操作的完整方法（jQuery 插件、PHP 脚本、矢量图像）或有关如何手动执行此操作的教程，请分享。

我想知道为一些可能很复杂的SVG模拟双缓冲的更好方法是什么。我经常重新加载修改后的 SVG，我想摆脱加载延迟。我正在考虑使用两个重叠的 DIV 并在 onLoad 之后切换可见性。有更好的选择吗？

编辑

现在我已经在 DIV 中实现了两个 SVG 实例重叠，样式显示切换（块/无）。它几乎在 FF 中工作（漂亮、平滑的变形，只是初始显示导致面积减少），但 Chrome 拒绝为我提供同步形状位置所需的 ScreenCTM 变换。我猜这些问题（FF 中的部分区域渲染，Chrome 中没有渲染）是相关的。现在我正在尝试使用可见性：隐藏。

编辑

切换可见性给出可接受的结果。感谢大家到目前为止的帮助。

编辑

我发现了一个问题，这让我再次在这里寻求帮助：我正在将 Boostrap 用于非 SVG 相关的 UI，并且工具栏的行为非常奇怪：当我在 2^ DIV（最初隐藏）上切换可见性时，没有事件到达工具栏。再次切换到 1^，事件正常。

我发现使用 position:absolute 或 position:fixed 是一样的（当然，对于事件问题），而 top:0 是“罪魁祸首”。使用任何大于 0 的值让事件流动，但 DIV 不可见。所以最初的问题是有道理的：有比切换可见性更好的方法吗？或关于html结构的提示？目前我的 HTML 看起来像

I am trying to get svg representation of a div.I am using jQuery SVG for this http://keith-wood.name/svg.html

I am doing this on page load:

and on every change inside div , i am doing this:

but i am getting some JS code in alert. i tried alerting svg.toSVG() but i am getting this :

<svg version='1.1'></svg> in alert

svg.toSVG() seems to work but i am getting empty svg doc even if my div has data in it.

what i am doing wrong here?

我设法用 Raphel 创建了一个六边形，给它一个笔触和一个填充图像，然后（在 StackOverFlow 的帮助下）设法在六边形上创建了一个翻转动画。

但我面临一个问题。当六边形翻转时，背景图像不会随之翻转。我怎样才能使六边形翻转，但在翻转时，也显示背景图像翻转。

这是我目前拥有的：

我有 javascript 代码，当有人登陆其中一个页面时，它会动态生成 svg 图像标签。我使用d3 库来帮助制作图像。唯一的问题是 d3 不完全兼容 IE，我想根据 svg 文件生成 .png、jpg、gif 或任何其他图像文件。有没有已知的方法可以做到这一点？服务器端代码是基于 PHP 的，我们使用 node.js 和 render.js 来处理很多动态内容。

我使用 SVG、jquery（keith woods 包装器）、Web 服务等创建了一个在线图形编辑器。它的工作方式与 Google Docs Drawing 应用程序相同。我已经对编辑器进行了编码以更改元素上的字体并且效果很好，除了当我使用 ImageMagick 或 Inkscape 生成图形（png 或 jpg）时，粗体、斜体和下划线对字体不起作用。但是，在网页中查看 SVG 时，粗体、斜体和下划线效果很好。

我对 Stack Overflow 进行了一些研究，有人指出 CSS 解释字体样式并为斜体添加倾斜字体，并为粗体添加描边。

我注意到使用 Google 文档绘图时，它们会生成文本路径。我认为这可能是一个很好的解决方案，只要我能找到一个函数或一种通过跟踪文本来生成路径的方法。我还没有尝试过这样的事情，而是想先来这里询问人们的意见。有没有其他人遇到过这个困难？如果是这样，你是如何克服它的？我见过有人建议使用 SVG 字体，但我对这个想法犹豫不决，因为显然在 FireFox 中不支持它，在 IE 中几乎没有？我必须说，让我的编辑器在所有浏览器中工作一直是一场噩梦，但我们已经跨越了许多障碍才能到达现在的位置，我不希望像字体这样简单的东西妨碍我们。

如果有人可以就此给我一些建议，将不胜感激，因为该系统在网络上运行，人们可以使用它，但粗体、斜体和下划线被禁用。

先感谢您

我有这个 javascript 文件（ $("#paper2") 是一个 div）

基本上，当我在 div 顶部按住鼠标键时，它开始绘制一条跟随鼠标的折线，允许进行一些基本绘图。它在 Opera 和 Chrome 上运行良好，但在 Firefox 上它在我绘制的第一条折线上运行良好，第二次（释放鼠标然后再次按下它）而不是绘制它就像我在拖动图像（所有 SVG 的东西那是在我的 div 中跟随我的鼠标）并且不会调用 mouse-up 事件。因此，一旦我第二次释放鼠标按钮，它就会开始正常绘制折线，但单击没有按下，如果我再次单击鼠标向上事件，它就会再次开始正常工作。这只发生在我第二次尝试画线时，第一次，第三次和之后的所有其他人都正常工作。

任何人都知道我是否做错了什么，或者这确实是一个 Firefox 错误，如果是这样，任何人都知道如何解决？

我的应用程序中有一个 svg。像

我有一个名为“1_dice”的 svg 元素。在 HTML 按钮中单击我想根据参数为元素设置动画。像

我试过这个，但这不起作用......

我在我的项目中使用Jquery SVG插件。我想将我的 svg 调整为不同的大小，我编写了以下代码以加载更小尺寸的 svg

但它总是以 100% 大小打开图像，请任何人帮助我如何显示不同大小的 SVG

我尝试使用 Raphael 的节点函数来获取 DOM 对象并为上下文菜单添加一个事件处理程序。但是我需要从 DOM 对象的事件处理程序中获取 Raphael 元素吗？

为了清楚起见，示例代码应如下所示

有谁知道如何实现它？