如何在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