d3.js dagre-d3.js使用中的坑

使用d3.js dagre-d3.js使用中的坑


在vue项目中,使用d3.js,dagre-d3.js进行流程图的开发,已经开发完成,今天突然不行了,console中报错:

vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in mounted hook: "TypeError: elem.getTransformToElement is not a function"

网上查了说是chrome将svg的原型方法给删除了,
详见:连接
然后通过在组件中加入了对svg对象SVGGElement的原型方法的定义:

        let obj2 = Object.create(SVGGElement.prototype);
        obj2.__proto__.getTransformToElement = obj2.__proto__.getTransformToElement || function(toElement) { 
        		return toElement.getScreenCTM().inverse().multiply(this.getScreenCTM());
         };

问题解决。

上一篇:【D3.js数据可视化系列教程】(十八)--组合添加删除


下一篇:【D3.js数据可视化系列教程】--(十四)有路径的文字