如何更新我的javascript变量值？

Question

我正在使用一些JavaScript使用div作为端点来绘制svg路径。

var thepath = $('#thepath');

var startx1 = $('#box2').position().left;
var starty1 = $('#box2').position().top;
var realDealPath = 'M ' + startx1 + ',' + starty1;


var startx2 = $('#box3').position().left;
var starty2 = $('#box3').position().top;

realDealPath += 'L' + (startx2+50) + ',' + starty2;

var startx3 = $('#box6').position().left;
var starty3 = $('#box6').position().top;

realDealPath += 'L' + startx3 + ',' + starty3;

thepath.attr('d', realDealPath);

效果很好！但是，当我缩放浏览器时，svg路径无法适应新的div位置。有没有办法让这些值保持更新？

非常感谢您的帮助！ ：）