javascript - SVG 元素中的 HTML5 Canvas 与 jQuery

标签 javascript jquery html html5-canvas jquery-svg

我需要将 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/

相关文章:

javascript - 两个下拉菜单和一个 onchange

html - Bootstrap 不切换菜单

html - 将文本相对于其 div 居中

javascript - 网页包 - 'velocity is not defined'

javascript - 如何从 jquery 中可编辑的 div 内容中检索行尾?

javascript - 我应该通过 id/class 名称还是数据属性来选择 DOM 元素?

javascript - http调用Angular后如何更新全局变量

jquery - 在拆分按钮 jquery mobile 上添加事件处理程序

jQuery for...in toUpperCase 不是一个函数

html - 在另一个页面中偏移 anchor