javascript - 带有 jQ​​uery 的 SVG 元素中的 HTML5 Canvas

Question

我需要将画布插入 SVG 元素。我需要 SVG 中的画布，因为我正在使用 d3js，它使用 SVG 和 jquery 迷你图来创建画布。有没有办法让迷你图成为 svg 元素的一部分？我试图在 SVG 中绘制带有迷你图的图形，但返回的 c.innerHTML 未定义。

谢谢！

Answer 1

请参阅问题下方的 Phrogz 评论。我只是把它作为关闭线程的答案。我的问题的答案是我需要在我的 SVG 中放置一个元素来放置一个 html 标记，例如 div。迷你图生成的画布需要 div。

所以我只需要添加这个

svgObj.append("foreignObject")
  .attr("width", "20")
  .attr("height", "20")
  .append("xhtml:div");

然后对于迷你图，我只是将它指向异物的 div，现在我在 SVG 中有一个画布:)

谢谢Progz！