问题标签 [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 - 使用 SVG 规范计算子路径的长度
我是编码的业余爱好者,正在尝试学习 Javascript。如果我听起来太笼统,请原谅我。我会尽量不要。
我正在处理 SVG 编辑,我正在尝试获取子路径的长度(在我的“超级路径”上创建节点后正在绘制的路径)。我知道我可以使用 get.totalpathlength 方法获得“超级路径”的总长度。
他们是这样做的方法,还是我需要使用总路径长度和鼠标点击检测从头开始构建公式?
javascript - 在创建节点之前计算绘制的 SVG 路径
我想在创建节点之前计算并显示绘制路径的长度。其背后的想法是让用户在创建之前查看每个路径段的长度,以便知道将节点准确放置在哪里。
我一直在使用 gettotallength 方法,但这会在单击节点后计算路径的长度,使用户只能查看他已经创建的路径的长度。
我正在使用 jQuery。
干杯!
javascript - SVG 悬停时的奇怪行为仅在 Firefox - svg-jquery 中。
当我注意到向元素添加悬停效果时,我只是在玩 SVG,但仅在 FE 中行为相当奇怪。在 ie,chrome 等中,它的所有工作都如我所料。
简而言之,悬停在元素上确实会添加悬停样式,但并非总是如预期的那样。
奇怪的是,如果您滚动到 1000 SVG(压力测试)的底部并将鼠标悬停在 lst 元素下方的白色区域,您会看到它应用了悬停效果而不接触元素。
这就是我构建 SVG 的方式
任何想法为什么会发生这种情况以及为什么它只发生在 Firefox 中?
javascript - 在加载 SVG 编辑器时创建图像
我正在研究 svg 编辑器,特别是 Method draw implementation。
我想在加载编辑器时加载图像而不是背景矩形。目前,javascript 文件包含此命令以在编辑器中创建背景矩形。
我想创建一个图像而不是一个矩形。
这可能吗?
html - 通过 SVG 路径为“div”设置动画
我是 HTML5、SVG 的菜鸟。基本上我需要通过我创建的 SVG 路径移动一个 html“div”对象。
我的 HTML 看起来像这样
CSS
js
创建了这样的路径。我很困惑如何通过创建的路径移动 $('#car') ?
请指教
html - 通过 SVG 路径获取 div 动画的旋转量
从我的上一篇文章中有助于通过 SVG 路径为 div 设置动画。成功和 div "#car" 通过我的路径动画。
现在的问题是如何根据曲线旋转/变换 div ?即如果它通过倾斜路径移动需要根据线的曲线旋转div。
HTML 部分
CSS 部分
JS部分
任何人都可以给我一个根据路径旋转“#car”的想法吗?
javascript - 使用 jQuery SVG 更改(或动画)路径
我创建了一些基于 jQuery SVG 插件的示例代码,该插件沿路径显示文本。现在,当我单击文本时,我想更改路径(例如从 [[50,50],[100,100]] 到 [[50,50],[200,300]])。我还想知道如何使用动画应用此更改。
javascript - 在我的 svg-canvas 中获取选定元素的 ID 属性。SVGEDITOR 和 Methoddraw
我想在我的 svg-canvas 中获取选定元素的 id 作为变量以在函数中使用它。我认为 var selected = svgCanvas.getSelectedElems; 不传递特定的 id。有任何想法吗?
javascript - 在函数中捕获提示值以进行 SVG 转换
我有这个函数,我想从 prmpts 中获取值并将它们插入到转换矩阵中。由于某种原因,这不起作用。我认为问题是因为我需要在每个 var 之前和之后使用 "" ,但是因为它已经在转换矩阵的 " " 中,所以我不能嵌套它们。有任何想法吗?
这是我的代码。
我有这个函数,我想从 prmpts 中获取值并将它们插入到转换矩阵中。由于某种原因,这不起作用。有任何想法吗?
javascript - 在 svg-canvas 中定位转换后的 SVG 元素
我编写了一个函数,可以调整 SVG 路径或任何形状的大小。但是,当我使用它时,路径确实会调整大小,但不幸的是它也会改变我的 svg-canvas 中的位置。
这是我的功能
我只希望形状在变形后定位在画布的顶角。理想情况下,我希望它们具有与转换之前相同的 x,y 位置,但是如果原始 x,y 位置难以实现,我不介意有一个固定点。