如何在virtual-dom中定义svg属性？

Question

有没有一种方法可以在虚拟dom中使用virtual-hyperscript向节点添加svg属性？ 例如，如下所示：

var h = require('virtual-dom/h')

h('svg', [
    h('circle', {cx: 100, cy: 100}, 'some text')
])

我自己尝试过执行此操作，但是在create上删除了属性。

Answer 1

原来你这样做：

h('circle', {namespace: "http://www.w3.org/2000/svg", attributes: {cx: 100}})

• 需要属性键
• 需要名称空间-这是因为浏览器将createElement和createElementNS视为两个不同的东西，即使它们输出相同的html。 需要命名空间以将其与普通DOM元素区分开。

参见： https : //github.com/Matt-Esch/virtual-dom/tree/master/virtual-hyperscript#namespace