问题标签 [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 回答
409 浏览

javascript - 使用 SVG 规范计算子路径的长度

我是编码的业余爱好者,正在尝试学习 Javascript。如果我听起来太笼统,请原谅我。我会尽量不要。

我正在处理 SVG 编辑,我正在尝试获取子路径的长度(在我的“超级路径”上创建节点后正在绘制的路径)。我知道我可以使用 get.totalpathlength 方法获得“超级路径”的总长度。

他们是这样做的方法,还是我需要使用总路径长度和鼠标点击检测从头开始构建公式?

0 投票
2 回答
367 浏览

javascript - 在创建节点之前计算绘制的 SVG 路径

我想在创建节点之前计算并显示绘制路径的长度。其背后的想法是让用户在创建之前查看每个路径段的长度,以便知道将节点准确放置在哪里。

我一直在使用 gettotallength 方法,但这会在单击节点后计算路径的长度,使用户只能查看他已经创建的路径的长度。

我正在使用 jQuery。

干杯!

0 投票
1 回答
360 浏览

javascript - SVG 悬停时的奇怪行为仅在 Firefox - svg-jquery 中。

当我注意到向元素添加悬停效果时,我只是在玩 SVG,但仅在 FE 中行为相当奇怪。在 ie,chrome 等中,它的所有工作都如我所料。

简而言之,悬停在元素上确实会添加悬停样式,但并非总是如预期的那样。

奇怪的是,如果您滚动到 1000 SVG(压力测试)的底部并将鼠标悬停在 lst 元素下方的白色区域,您会看到它应用了悬停效果而不接触元素。

这就是我构建 SVG 的方式

http://jsfiddle.net/2cB89/

任何想法为什么会发生这种情况以及为什么它只发生在 Firefox 中?

0 投票
1 回答
698 浏览

javascript - 在加载 SVG 编辑器时创建图像

我正在研究 svg 编辑器,特别是 Method draw implementation。

我想在加载编辑器时加载图像而不是背景矩形。目前,javascript 文件包含此命令以在编辑器中创建背景矩形。

我想创建一个图像而不是一个矩形。

这可能吗?

0 投票
1 回答
1154 浏览

html - 通过 SVG 路径为“div”设置动画

我是 HTML5、SVG 的菜鸟。基本上我需要通过我创建的 SVG 路径移动一个 html“div”对象。

我的 HTML 看起来像这样

CSS

js

创建了这样的路径。我很困惑如何通过创建的路径移动 $('#car') ?

请指教

0 投票
2 回答
781 浏览

html - 通过 SVG 路径获取 div 动画的旋转量

从我的上一篇文章中有助于通过 SVG 路径为 div 设置动画。成功和 div "#car" 通过我的路径动画。

现在的问题是如何根据曲线旋转/变换 div ?即如果它通过倾斜路径移动需要根据线的曲线旋转div。

HTML 部分

CSS 部分

JS部分

任何人都可以给我一个根据路径旋转“#car”的想法吗?

0 投票
1 回答
2012 浏览

javascript - 使用 jQuery SVG 更改(或动画)路径

我创建了一些基于 jQuery SVG 插件的示例代码,该插件沿路径显示文本。现在,当我单击文本时,我想更改路径(例如从 [[50,50],[100,100]] 到 [[50,50],[200,300]])。我还想知道如何使用动画应用此更改。

0 投票
1 回答
158 浏览

javascript - 在我的 svg-canvas 中获取选定元素的 ID 属性。SVGEDITOR 和 Methoddraw

我想在我的 svg-canvas 中获取选定元素的 id 作为变量以在函数中使用它。我认为 var selected = svgCanvas.getSelectedElems; 不传递特定的 id。有任何想法吗?

0 投票
1 回答
161 浏览

javascript - 在函数中捕获提示值以进行 SVG 转换

我有这个函数,我想从 prmpts 中获取值并将它们插入到转换矩阵中。由于某种原因,这不起作用。我认为问题是因为我需要在每个 var 之前和之后使用 "" ,但是因为它已经在转换矩阵的 " " 中,所以我不能嵌套它们。有任何想法吗?

这是我的代码。

我有这个函数,我想从 prmpts 中获取值并将它们插入到转换矩阵中。由于某种原因,这不起作用。有任何想法吗?

0 投票
1 回答
430 浏览

javascript - 在 svg-canvas 中定位转换后的 SVG 元素

我编写了一个函数,可以调整 SVG 路径或任何形状的大小。但是,当我使用它时,路径确实会调整大小,但不幸的是它也会改变我的 svg-canvas 中的位置。

这是我的功能

我只希望形状在变形后定位在画布的顶角。理想情况下,我希望它们具有与转换之前相同的 x,y 位置,但是如果原始 x,y 位置难以实现,我不介意有一个固定点。