我正在使用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;到他们最初画的地方。
修改
这是我正在运行的版本: