附加到SVG的行没有响应

时间:2016-08-11 13:11:21

标签: javascript jquery svg jvectormap

我正在使用JVectormap,我已经放置了点。在这些点之间我使用:

绘制线条
var newLine = document.createElementNS('http://www.w3.org/2000/svg','line');
newLine.setAttribute('id','line2'); 
newLine.setAttribute('stroke','white'); 
newLine.setAttribute('stroke-width','1'); 
newLine.setAttribute('stroke-linecap','round'); 
newLine.setAttribute('stroke-dasharray','2, 5'); 
newLine.setAttribute('x1', 0);
newLine.setAttribute('y1', 0);
newLine.setAttribute('x2', 100);
newLine.setAttribute('y2', 200);
$("#map").append(newLine);

这导致在正确的位置添加新的虚线,是的! 但是当我调整窗口大小时,问题就开始了,线条保持固定在初始位置。有没有办法/技巧让我的线条与地图一致?

编辑:

我创造了一个当前场景的小提琴(虽然小提琴完美无缺,我的地图却没有):

https://jsfiddle.net/2k6p8yj4/

因为我使用了JVectormap,所以我必须通过JVectormap转换器运行我的自定义地图/ EPS文件。此转换器从我的SVG中删除了viewBox属性,因此我通过JavaScript添加了一个新的viewBox(请参阅小提琴),因为下面的注释是必要的。

我的地图缩小了正确,但我的线条被修复了#39;到他们最初画的地方。

修改

这是我正在运行的版本:

http://sensplugins.jouwtestwebsite.nl/sens-svg-map/

0 个答案:

没有答案