问题标签 [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 投票
1 回答
2111 浏览

javascript - 使用 jQuery SVG 选择操作现有元素

jQuery SVG 网站上的所有示例似乎都适合在 javascript 中构建 SVG 对象并在其中构建新元素。它并没有过多地谈论操纵现有标记。

问题:

我有一个现有的 SVG 对象,其中包含连接到 javascript 函数的事件。我想.animate()使用 jQuery SVG 获取事件目标(在本例中为 SVG Path 元素)。

但是$(myElement).animate()似乎根本不起作用。手头的问题似乎是$(myElement)不接受 SVG 对象参数或其他东西。

奇怪的是,动画完成回调似乎有效,但我尝试使用它的任何动画类型都不起作用。

我不相信它正确地将事件目标识别为 SVG <path>

即使直接操作路径的属性似乎也不起作用(使用.attr()

事实上,我知道这myElement是一个有效的 SVG 路径,因为如果我使用基本的 JS DOM 技术,比如用 更改类.setAttribute(),它就可以正常工作。

0 投票
2 回答
2564 浏览

jquery - 如何在 jQuerySVG 项目中获取 getBBox?

我有一个变量定义为:

其中 g 是一个群 ( var g = svg.group();)

如何通过 jQuerySVG 获取它的边界框?

我尝试了 myVariable.getBBox()、$(myVariable).getBBox(),但这不起作用...

谢谢。

0 投票
1 回答
2918 浏览

javascript - 获取嵌入在 html 文件中的 svg 坐标的最佳方法是什么?

我在 html 文件中嵌入了一个 svg,如下所示:

在 svg 文件中有一个 id 为“lot1a”的矩形,有什么方法可以获取 lot1a 的坐标并将其保存在变量中并将其用作另一个 svg 文件的坐标。我的主要问题是,正如 Phrogz 所说,宿主 HTML(或 SVG)无法访问嵌入文件的 DOM。那我能做什么?

0 投票
1 回答
800 浏览

svg - 应用于作为 svg 元素的 el 的主干事件

我有一个带有文本的 SVG 画布,我想响应点击。下面的代码没有完成工作:

这是在另一个视图的渲染函数中调用的:

它显示得很好,如果我在 for 循环结束时把它扔进去:

然后点击工作,但我需要访问与视图关联的主干模型,所以我更喜欢主干事件而不是直接的 JQuery 事件。

0 投票
15 回答
126765 浏览

javascript - jQuery SVG,为什么我不能添加类?

我正在使用 jQuery SVG。我无法向对象添加或删除类。有人知道我的错误吗?

SVG:

不会添加类的 jQuery:

我知道 SVG 和 jQuery 可以很好地协同工作,因为我可以定位对象并在单击它时发出警报:

0 投票
1 回答
3893 浏览

svg - svg 元素之间的连接

有没有办法连接 svg 中的 2 个元素以实现类似图表的“流程图”?我有 2 个盒子,它们之间有一个箭头,如果我拖动一个盒子,我希望箭头保持与盒子的连接。

我发现 SVG 1.1 中有此功能的规范,但远未完成。

我找不到任何代码或库可以做到这一点(我认为这不是一个罕见的用例),我想确定在开始制作之前没有经过验证的方法我自己。

谢谢!

0 投票
1 回答
490 浏览

javascript - 以一种颜色显示的线性渐变

有人能指出我这段代码有什么问题吗?

html:

JavaScript:

它总是显示一种颜色。

谢谢你。

解决方案:

0 投票
2 回答
166 浏览

javascript - 试图将字符串作为函数参数传递给 SVG

我正在尝试动态创建此功能:

...第二个参数的变量值(从 path.move 到 close()):

...但是我遇到了解析错误。

在我撕掉剩下的头发之前,有人可以帮忙吗?

0 投票
1 回答
2449 浏览

html - Html 文本区域到 svg 文本

是否可以将 html 中的 textarea 中的文本转换为 svg 文本?文本区域具有格式化文本,即粗体、斜体、项目符号等。这是使用 jwysiwyg 库创建的。我附上代码:

`

`

这个参考页面是@http ://akzhan.github.com/jwysiwyg/

0 投票
2 回答
7048 浏览

jquery - 缩放到一个元素 - jquery SVG

假设我有一个画有 svg 元素的画布。单击元素后,我需要通过缩放并聚焦于单击的元素来更改视口。我该怎么做?我附上了代码。

`

`