Javascript AngularJS调整绝对SVG路径的大小

我正在尝试实现一个引导网格，在连接容器之后使用SVG路径。问题是，我在一个角度绝对控制器中创建路径，然后没有可调整大小/响应的路径。你们有什么办法解决我的问题吗

创建路径的代码片段：（此功能正常）

路径样式：

stroke-dasharray: 1000;
stroke-dashoffset: 1000;
position : absolute;
stroke : black;

HTML网格：

<svg class="svg"></svg>
<div id="start" ng-controller="PathController as pc">
  <div class="col-md-6">
    <div id="box1" class="box" ng-init="pc.init(1)">
      <h1>some text</h1>
    </div>
  </div>
  <div class="col-md-2">
    <div id="box2" class="box" ng-init="pc.init(2)">
      <img class="img" src="path">
    </div>
  </div>
  <div class="col-md-4">
    <div class="box">
      <img class="img" src="path2">
    </div>
</div>

我已经尝试从jquery中调用一个新的控制器函数，如“changePath”和“resize”，但得到的错误是，这在jqLite中是不可能的。。。

---

我还尝试了一些使用“viewBox”的解决方案，但没有成功…

将viewBox属性添加到

元素我尝试了viewBox={0，0，1400，1920}，但这并不能解决问题。。。

<svg class="svg"></svg>
<div id="start" ng-controller="PathController as pc">
  <div class="col-md-6">
    <div id="box1" class="box" ng-init="pc.init(1)">
      <h1>some text</h1>
    </div>
  </div>
  <div class="col-md-2">
    <div id="box2" class="box" ng-init="pc.init(2)">
      <img class="img" src="path">
    </div>
  </div>
  <div class="col-md-4">
    <div class="box">
      <img class="img" src="path2">
    </div>
</div>

position: absolute;
top:0;
left: 0;
height: 100%;
width: 100%;