问题标签 [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.
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()
,它就可以正常工作。
jquery - 如何在 jQuerySVG 项目中获取 getBBox?
我有一个变量定义为:
其中 g 是一个群 ( var g = svg.group();
)
如何通过 jQuerySVG 获取它的边界框?
我尝试了 myVariable.getBBox()、$(myVariable).getBBox(),但这不起作用...
谢谢。
javascript - 获取嵌入在 html 文件中的 svg 坐标的最佳方法是什么?
我在 html 文件中嵌入了一个 svg,如下所示:
在 svg 文件中有一个 id 为“lot1a”的矩形,有什么方法可以获取 lot1a 的坐标并将其保存在变量中并将其用作另一个 svg 文件的坐标。我的主要问题是,正如 Phrogz 所说,宿主 HTML(或 SVG)无法访问嵌入文件的 DOM。那我能做什么?
svg - 应用于作为 svg 元素的 el 的主干事件
我有一个带有文本的 SVG 画布,我想响应点击。下面的代码没有完成工作:
这是在另一个视图的渲染函数中调用的:
它显示得很好,如果我在 for 循环结束时把它扔进去:
然后点击工作,但我需要访问与视图关联的主干模型,所以我更喜欢主干事件而不是直接的 JQuery 事件。
javascript - jQuery SVG,为什么我不能添加类?
我正在使用 jQuery SVG。我无法向对象添加或删除类。有人知道我的错误吗?
SVG:
不会添加类的 jQuery:
我知道 SVG 和 jQuery 可以很好地协同工作,因为我可以定位对象并在单击它时发出警报:
svg - svg 元素之间的连接
有没有办法连接 svg 中的 2 个元素以实现类似图表的“流程图”?我有 2 个盒子,它们之间有一个箭头,如果我拖动一个盒子,我希望箭头保持与盒子的连接。
我发现 SVG 1.1 中有此功能的规范,但远未完成。
我找不到任何代码或库可以做到这一点(我认为这不是一个罕见的用例),我想确定在开始制作之前没有经过验证的方法我自己。
谢谢!
javascript - 以一种颜色显示的线性渐变
有人能指出我这段代码有什么问题吗?
html:
JavaScript:
它总是显示一种颜色。
谢谢你。
解决方案:
javascript - 试图将字符串作为函数参数传递给 SVG
我正在尝试动态创建此功能:
...第二个参数的变量值(从 path.move 到 close()):
...但是我遇到了解析错误。
在我撕掉剩下的头发之前,有人可以帮忙吗?
html - Html 文本区域到 svg 文本
是否可以将 html 中的 textarea 中的文本转换为 svg 文本?文本区域具有格式化文本,即粗体、斜体、项目符号等。这是使用 jwysiwyg 库创建的。我附上代码:
`
`
这个参考页面是@http ://akzhan.github.com/jwysiwyg/
jquery - 缩放到一个元素 - jquery SVG
假设我有一个画有 svg 元素的画布。单击元素后,我需要通过缩放并聚焦于单击的元素来更改视口。我该怎么做?我附上了代码。
`
`