因为低版本的safari浏览器不支持svg下的innerHTML方法
而我们的移动端h5页面引用了d3.js插件,而d3中使用了innerHTML
我们的解决方案是不修改d3的任何原代码,去重写innerHTML方法
从gitHub上找到了一个小插件,简单修改即可实现
https://github.com/phaistonian/SVGInnerHTML
我们修改的内容有这些:
修改1:增加Text节点的处理constructors = [‘SVGSVGElement‘, ‘SVGTextElement‘] 修改2:增加文本的单独写入fn = function (to, node) { //文本
if (node.nodeType == 3) { to.appendChild(node); return; } 修改3:注释掉text时的文本写入和tspan/*if (node.nodeName === ‘TEXT‘ || node.nodeName === ‘TSPAN‘) { newNode.textContent = node.innerHTML;}*/
时间: 2024-10-25 00:05:54