javascript - 使用 javascript 将按钮添加到 svg-object

Question

我正在使用 nvd3 在 javascript 中构建一个图表，需要添加几个自定义按钮。

使用 d3 我似乎只有一个追加对象。在我当前的设置中，self.selector 是一个 svg 元素。

d3.select(self.selector).insert("button")

我考虑了几个选项:

• 将 self.selectors 父级作为目标并插入 html 元素以进行切换。
• 以 svg 为目标并插入某种我可以使用 javascript 访问的 svg 按钮。
• 使用其他一些原生 js 方法在 svg 之前插入我想要的 hmtl 元素。

这些方法有优缺点吗？我没有在这个项目中使用 jQuery。

Answer 1

我建议添加 SVG 形状，使用 CSS 设计它们的样式，使其看起来像您想要的按钮，并注册和事件监听器。这很好用，是最干净的方法。