问题标签 [svg-transforms]

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 回答
60 浏览

javascript - 应用转换属性(纯 JavaScript)时,如何从 SVG 路径的属性“d”获取当前值?

我正在创建一个迷你 SVG 编辑器,我是用纯 JavaScript 来做的,我想生成一个干净的 SVG,因此,是否有公式、模式、逻辑、算法等来获取当前的命令行值(又名绘制路径)将变换属性应用于 svg 路径时?任何文档、文章、教程等?我无法找到解释此类内容或帮助解决我遇到的问题的结果,主要是因为我不知道如何搜索该主题或该主题所指的关键字。例如:

并且在 JavaScript 代码中有这样的东西:

0 投票
1 回答
50 浏览

svg - 为 SVG 中的所有内容切换 X 和 Y 轴?

我正在使用 SVG 创建一个条形图,默认情况下条形是垂直的。但在某些情况下,如果条形图是水平的,它看起来会更好,比如只有 2 个条形图。

在此处输入图像描述

如何重用相同的 SVG 代码并切换 X 和 Y 轴来实现?它实际上不仅仅是 X 和 Y,还有矩形的高度和宽度。

那可能吗?我想避免两次编写非常相似的代码。

示例:我分别构建了两个图表,理想情况下,第二个图表应该通过重用第一个图表中的代码来生成。

0 投票
0 回答
29 浏览

javascript - 当链接上的“鼠标悬停”时使自定义光标(SVG)增长

我真的希望你能帮助解决这个问题。

我制作了一个自定义光标,它环绕在 a 周围,当它悬停在主菜单页面和网站上的几乎每个链接上时,我希望它能够增长。我正在使用带有“mouseover”和“mouseleave”的事件侦听器,但我无法让它工作。我正在尝试使用我给他们的类“链接”来获取主菜单页面。

我遇到的第二个问题是指向链接时无法删除指针。“指针事件:无:不起作用......我正在使用 Elementor Pro 作为构建器。我也在用它实现代码。这是问题的链接:http ://webwork1.eu/test- 2/

这是代码: