+ '';

var tab = window.open();

tab.document.write(html);

}

};

这样，我们就可以不使用它自带的下载操作了，就可以在外部自定义按钮、超链接，直接调用上面的方法就可以实现外部调用保存图片功能了。

二、onmouseenter和onmouseleave移动速度过快导致不能正确的时机触发事件机制

上图说明一下

希望鼠标在曲线上移动时不仅可以高亮展示曲线，还要在鼠标位置增加剪刀图标，按下剪刀时可以删除曲线。之前就直接在曲线上使用的mouseener和mouseleave方法，然后鼠标在多条曲线上快速移动时，就会出现诸多问题（剪刀不会在光标离开时消失，多条曲线都变为高亮效果）。试了多加上一些逻辑判定和换用mouseover和mouseout方法均不管用。后来突然想到，可以使用mousemove方法。判定鼠标是否在剪刀图表的区域范围内，若在则高亮该条曲线，不再，则所有曲线恢复默认样式。然后居然成功了。困扰了一整天的问题终于解决了。（由于mousemove在鼠标移动时需要不断的去监听和触发事件，所以最好可以有一个状态标识表明在该状态在再去调用高亮曲线和绘制剪刀的方法。图上的调用时机是，当鼠标进入曲线时，设定一个全局变量为true，此后的mousemove操作根据该变量判定）

记录一下部分关键代码

鼠标就进入高亮及绘制剪刀图表

$(document).on("mouseenter","svg .curve",function(e){

//每次进入后都将恢复成原始状态

$("svg .node").each(function(){

this.setAttribute("opacity","1");

});

$.each(relation.links,function(l,link){

var in_node_id=link.input.nodeId;

var out_node_id=link.output.nodeId;

$("#"+out_node_id+link.output.pointName+in_node_id+link.input.pointName)[0].setAttribute("opacity","1");

$("#"+out_node_id+link.output.pointName+in_node_id+link.input.pointName).attr("class","curve");

});

//编辑状态下需要显示可操作图标

if(args.state=="edit"){

del_Curve.ref_Curve=this;

del_Curve.has_del_curve=true;