如何在虚拟区域中定义svg属性？

Question

是否有一种方法可以使用虚拟dom中的虚拟超文本将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