我需要将 Canvas 插入到 SVG 元素中。我需要 SVG 中的 Canvas ,因为我使用的是 d3js,它使用 SVG 和 jquery Sparklines 创建 Canvas 。有什么方法可以使迷你图成为 svg 元素的一部分吗?我尝试在 SVG 中绘制带有迷你图的图表,但返回 c.innerHTML 未定义。
谢谢!
最佳答案
请参阅问题下方的 Phrogz 评论。我只是将其作为关闭线程的答案。我的问题的答案是我需要在 SVG 中放置一个 html 标签(例如 div)的元素。迷你图生成的 Canvas 需要 div。
所以我只需添加这个
svgObj.append("foreignObject")
.attr("width", "20")
.attr("height", "20")
.append("xhtml:div");
然后对于迷你图,我只是将其指向外来对象的 div,现在我在 SVG 中有一个 Canvas :)
谢谢 Progz!
关于javascript - SVG 元素中的 HTML5 Canvas 与 jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11161680/