safari不支持svg的innerHTML方法的解决方案


因为低版本的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;
}*/
 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM