使用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());
};
问题解决。