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

【问题标题】：How do I define svg attributes in virtual-dom?如何在 virtual-dom 中定义 svg 属性？
【发布时间】：2016-06-02 10:21:34
【问题描述】：

有没有办法在虚拟 dom 中使用 virtual-hyperscript 向节点添加 svg 属性？例如，像这样：

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

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

我自己尝试过这样做，但create 上的属性已被删除。

【问题讨论】：

【解决方案1】：

原来你是这样做的：

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

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

【讨论】：