问题标签 [jquery-svg]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
387 浏览

jquery - 访问 svg 中符号实例的内部内容

我有一个包含 4 个符号实例的 svg 文档。我想分别操作每个实例中的属性。例如更改某些标签的文本、更改形状的颜色、移动内部形状。

这似乎不可能,因为“SVGUseElement”的节点列表是空的。

在我看来,需要递归地将每个符号的内容解压缩到一个新文档中。

有什么想法吗?

谢谢!

0 投票
1 回答
1242 浏览

jquery - jQuery SVG 修改非嵌入/内联 SVG 文件

我正在尝试使用jQuery SVG修改 SVG 文件。我使用Inkscape绘制了我的 SVG 文件 - 然后进行了编辑以删除不必要的代码。

HTML

SVG

我认为我需要做的就是在我的脚本中做这样的事情:

我读过 jQuery SVG 不支持最新的 jQuery,但我尝试使用 1.4.4(我不确定我应该走多远)。

我读了这篇关于非官方补丁版本的帖子。

我可以更改任何内容(HTML、JavaScript、SVG 等)。非常感谢任何帮助。

0 投票
2 回答
4465 浏览

svg - svg 文本的文本编辑器

我目前正在使用 svg 及其 dom 操作......是否有任何用于 SVG 文本的所见即所得编辑器。我浏览了很多,但只能找到 html 文本的编辑器。如果有人可以推荐一个,那将对我有很大帮助。提前致谢。

0 投票
1 回答
676 浏览

jquery - Jquery SVG转换奇怪的行为

我正在尝试使用以下方法旋转 SVG <polygon>(或任何其他元素):

多边形确实改变了它的角度,但有一些奇怪的移动轨迹。请转到此链接查看:http: //jsfiddle.net/ExaBP/

我的目标是使多边形围绕其中心旋转。

0 投票
2 回答
8016 浏览

javascript - svg 元素的边框

我正在使用 svg 及其 dom 操作。我想为<g>标签内的一组 svg 元素创建一个边框。我该怎么做呢?是否也可以创建圆形/椭圆形边界?我正在使用 jQuery SVG 库。提前致谢

0 投票
0 回答
1001 浏览

html - svg元素背景图片和bg颜色

我的应用程序中有一个 SVG,上面有一个圆圈。我必须为该元素分配背景图像( png )+背景颜色+罢工。我得到了如下代码,用于为该元素制作 bg 图像。请帮我如何分配背景颜色+图像

提前致谢

0 投票
1 回答
5270 浏览

javascript - 如何从嵌入式 svg 调用父 html 文档中的函数

我对 svg 很陌生,我必须用它执行一项任务,但我遇到了很多麻烦。

我有一个由路径定义的区域的 svg(例如地图)。

我的目标是触发 svg 外部的 onClick 函数来做一些事情(例如,通过 ajax 检索与所选区域相关的一些人员数据,并将它们显示在 html 页面中的 svg 之外)。

我不能做的是从 svg 中的元素触发在 svg 之外定义的函数。

如果我添加 svg 内联,我可以做到这一点,但我需要使用 embed 标签使其与 ie Adob​​e 插件一起使用。有什么建议吗?提前致谢。

0 投票
1 回答
439 浏览

javascript - 扩展 SVG 路径

在我的一个应用程序中,我正在使用以下代码创建一个 SVG 路径

这将在我的 SVG 中创建一个路径(名为“holder”)。在按钮按下事件中,我需要延长它的长度。由于该 SVG 中有不止一个路径,所以我们不能拿它点。

请帮忙谢谢

0 投票
1 回答
4052 浏览

jquery - 移动 HTML5 SVG 路径

我的应用程序中有一个 SVG 路径元素,例如:

在按钮单击中,我必须将此路径向左移动,例如,从 100 到 200。我通过变换做到了:

但是,在下一次单击时它不会移动。如何让路径元素在每次点击时移动?

0 投票
5 回答
4846 浏览

jquery - 如何使用 jQuery 在 Chrome 中拖动 SVG 元素而不会获得偏移量?(火狐没问题)

我正在尝试编写一些允许拖动 SVG 元素的代码。这对于 jQuery、jQuery UI 和 jQuery SVG 来说非常简单,并且在 Firefox 中运行良好,但在 Chrome 中,当我拖动 SVG 元素时,显然会在其坐标中添加一个偏移量。我看不到我做错了什么,也没有发现这方面的任何已知错误。

我构建了一个小例子来说明这个问题:

其中 foo.svg 只是:

在线版本可以在以下位置找到:

http://jsfiddle.net/rrthomas/v477X/2/