Jtopo(Javascript Topology library)是一款基于HTML 5 Canvas的拓扑图界面开发工具包,API简单,功能强大,性能优异。
在Jtopo中,用于向节点和连线添加阴影效果的API如下:
node.shadow = "true";
link.shadow = "true";
Jtopo源码中对阴影效果的属性设置包括颜色,透明度,X、Y偏移量等,代码如下:
shadowColor = "rgba(0,0,0,1)";
shadowOffsetX = 2;
shadowOffsetY = 2;
有时,在拓扑图的绘制过程中,往往需要根据所选背景的颜色等因素来改变阴影效果的属性,但默认的API并未提供阴影属性的设置接口,如此,就需要我们修改源码,以达到效果。
做法较为简单,打开Jtopo的代码文件,以shadowColor为关键字进行查找,此时结果有两个,一个用于修改Node节点阴影,一个用于修改Link连线阴影,注意区分,然后根据自身需要更改对应的属性值即可。