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