我有一个带路径的 SVG 我必须在路径中用gap填充一些 svg 形状/图标。 例如，我用gap=2px的圆形填充了 svg 路径 有没有 javascript function 或者我们可以只用 SVG 来做吗？圆圈之间的gap应该是可定制的，它应该适用于所有带路径的 svg。 （提前致谢） ...
我有一个超大的 svg 背景，一些元素呈现在背景之上。 然后我想裁剪 svg 以使其适合前景中的元素并裁剪背景。 这可能吗？ 我正在使用 svg.js，但我找不到为此构建的函数。 甚至可以裁剪 SVG 吗？ ...
我似乎能够在 Firefox 中完成任何我想做的事情。 但Chrome似乎大部分都坏了。 例如svgObj.findOne("#myNode").on("click", function)在 Firefox 中有效，但在 Chrome 中它不起作用， & 不会失败，只是什么都不做。 在 ch ...
网上的例子，他们可以很方便的调用svg文件中的对象。 但我无法联系到他们。 这是我的html代码`` 这是我的 .js 文件代码： 我做错了什么，为什么这不起作用？ 我不明白。 ...
我做了一个比例动画测试： var btn = document.getElementById('testBtn'); var stopBtn = document.getElementById('testStop'); var runner; var startSize = 20, ...
我有一个字母B的 svg 这是代码： <svg id="logo" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 84 96"> <title>Logo</title> < ...
我正在尝试更改 svg 图像的起始位置以使用animateMotion沿路径对其进行动画处理 您可以在此处查看当前结果https://jsfiddle.net/7espvwuz/ 在这个小提琴中，我使用一个圆圈来模拟我的形象。 问题是 如果我使用cx = 0和cy = 0 ，动画从错误的位置 ...
我有一个页面将显示几个 svg 图像，这些图像将从 json 数据生成。 我创建了一个 javascript class 将生成 svg 但我不知道如何将它添加到 dom。 举个简单的例子： 我试过类似的东西： 但它不起作用。 我想我需要将 x.img 转换为 HTML 可以理解但不知道可能是什么 ...
我希望有由按钮控制的动画。 我的想法是拥有多个我可以播放的时间线（），例如，当单击正确的按钮时。 我是这个图书馆的新手，对 animation 系统感到困惑。 [此代码故意冗长，而不是 svs.js 编码风格] 这实际上有效，在点击事件触发时使用myTimeline1.play() 。 但我认为从 ...
您好，我正在使用 function createPoint使用 gsap 为多边形制作动画。 我也在使用 svg.js 如果我使用香草 javascript 来获得 svg 的积分 它返回 3 个点，对应于运行createPoint function 的次数。 这注销为： 如果我使用 svg.js ...
我正在使用SVG.js并想在形状周围绘制一个不可见的边框。 我使用stroke()方法来执行此操作，我认为只需将opacity选项设置为0就可以正常工作，但问题是它不允许我更改它的宽度。 描边宽度始终为1 ，即使我尝试增加它并创建更大的不可见边框也是如此。 我这样做是错误的还是有更好的方法来做到这 ...
我在我的项目中使用 SVG.js 库，我试图在 x 方向上移动一个包含一些rect 、 text和一个use元素的组：// create symbol, symbol can be anything const symbol = svg.symbol().circle(10) //create ...
我有一个 SVG.js animation 时间轴并希望一些文本出现在 5 秒内。我想也许我可以这样做： hide() 有效，但 show() 不是 animation 方法。 ...
大家好，我使用 opentype.js 成功获取了 svg 路径数据，但是在使用 svg.js 渲染路径时遇到了问题： 下面是我的代码，它当前创建了一个 svg 和一个空组<g></g> ，我希望该组在其中包装我的路径数据。 我在另一篇文章中读到我应该使用 SVG.adopt ...
我的问题是这样的，我试图将 svg.js 库实现到一个 angular 组件中，我的想法是我可以将它注入到组件内部的一个 div 中，这样我就可以轻松地操作它。 因此，为了解释我在组件（是应用程序组件的子项）中的问题，我在组件的 html 部分中有这个 div 元素，其想法是在其中注入 svg 元素 ...
我正在尝试使用 svg.js 库（ https://svgjs.dev ）动态呈现 SVG 元素的内容。 在创建基本元素（如线条、多边形和简单的 textx）并使用它们的属性时，一切正常。 现在，我想使用现成的 SVG（可在页面上的隐藏 div 中或通过其他方式获得）使用更复杂的元素扩展绘图，我需要 ...
我正在尝试在 svg 中同时以 180° 旋转 2 个多边形，我现在正在使用 svg.js 库来执行此操作。 我尝试通过旋转它，但当然它们在自己的中心旋转，所以它们不会转换到另一个 position，所以现在我正在尝试创建一个公式来做到这一点，但我决定在这里问是否看看我是否遗漏了什么，是否可以合并 ...
在一些初始示例之后，我在教程中关注George Francis的教程，他展示了如何使用图像数据创建随机布局。 我正在尝试研究如何从使用 paper.js 创建的 canvas 中获取图像数据，因为我需要从 canvas 上的每个单独像素中获取 rgb 值链接到codepen 未知数： 我需要对我创 ...
我已经获得了这个 svg 文件以添加到项目中，作为 SVG 的新手，我确信我错过了一些东西。 在我添加笔触以更改颜色之前似乎很好，一旦应用，笔触宽度似乎会增加。 我不确定这是否与我知道会导致线条模糊的小数位有关，但我认为这不是问题所在。 我尝试将笔画添加到 g 标签，并在路径标签上尝试过。 ...
问题：无法为整个内容提供背景颜色，我认为这是因为我提供了 CSS 样式（“溢出”、“可见”），或者可能是因为父级上的（位置：绝对）。 我希望整个内容将背景颜色设为灰色或黑色。 我还分享了小提琴链接（实际代码是用 react 编写的）。 https://jsfiddle.net/m1r0428k/1 ...