在余烬集合视图中创建svg元素

在余烬集合视图中创建svg元素,svg,ember.js,d3.js,Svg,Ember.js,D3.js,在本文中,当通过Ember.CollectionView向数组中添加新项时,我试图推送一个SVGcircle元素。但是似乎没有在SVG名称空间中创建g元素,因此: g元素正在添加到dom中 但是在DOM检查器中查找时,g元素没有SVG节点的属性 g元素未在SVG元素中呈现 不确定该问题是否与余烬或D3有关。我怀疑Ember创建的g标记是否应该为SVG使用适当的xmlns名称空间来创建,但不确定如何处理它 奇怪的是,当内容数组初始化时,上下文绑定工作正常,但当您添加任何其他对象时,上下文绑定工

在本文中,当通过
Ember.CollectionView
向数组中添加新项时,我试图推送一个SVG
circle
元素。但是似乎没有在SVG名称空间中创建
g
元素,因此:

  • g
    元素正在添加到dom中
  • 但是在DOM检查器中查找时,
    g
    元素没有SVG节点的属性
  • g
    元素未在
    SVG
    元素中呈现

不确定该问题是否与余烬或D3有关。我怀疑Ember创建的
g
标记是否应该为SVG使用适当的
xmlns
名称空间来创建,但不确定如何处理它

奇怪的是,当内容数组初始化时,上下文绑定工作正常,但当您添加任何其他对象时,上下文绑定工作不正常。还不太确定。但这似乎是余烬问题。我注意到新标记没有:“-webkit-transform-origin-x:0px;-webkit-transform-origin-y:0px;-webkit-transform-origin-z:initial;”您解决了这个问题吗?我在应用程序中遇到了完全相同的问题,不知道如何解决它。如果您有解决方案,请更新。谢谢是的,我设法修好了。不能使用Ember创建SVG元素,因为Ember使用默认的“HTML”命名空间创建新元素。另一方面,SVG要求使用
document.createElements
创建元素。我最终在余烬视图的
didInsertElement
中使用了d3。谢谢你的邀请!我懂了。我有一个
Graphs
视图,它是一个SVG元素,其中有许多
Graph
视图,每个视图都是
g
元素。我在
图形
视图中使用d3,这似乎一直有效,直到图形的数量发生变化,然后它就中断了。理论上,我可以使用d3直接操作我的所有图形,但我的
图形
视图相当复杂,因此需要大量的代码重写和反重构。希望找到一个余烬边的解决方案。所以我们没有办法覆盖来改变余烬的文档创建机制?