SVG.js没有正确连接其svg元素

Question

我的HTML代码中有一个svg元素：
<svg id="drawingPad"></svg>

然后，在我的剧本中，我有这样的电话：
var drawingPad = SVG('drawingPad').size('100%', '100%').fixSubPixelOffset()

使用console.log(drawingPad)和console.log($document[0].getElementById('drawingPad'))进行记录会导致

SVG.Doc.SVG.invent.create {parent: svg#drawingPad, _stroke: "#000000", trans: Object, node: svg#drawingPad, type: "svg"…}

和

<svg id="drawingPad"></svg>

显示SVG.js似乎正确创建了它的SVG.Doc元素，但它似乎不会影响HTML / DOM。

只要*我按$location.path('/editor')到达包含我的SVG元素的页面，就会发生这种情况。当我直接去那里或重新加载时，一切正常。

*实际上，我需要访问两者之间的页面才能重新触发它。如果我回过头再次点击链接，它也会起作用！

所以我很难过。这里有没有人知道这里会发生什么？

Answer 1

虽然我从未专门使用过SVG.js，但在某些情况下，Angular可能不会“意识到”SVG.js。尝试在$timeout()

中包装SVG渲染功能

$timeout(function(){
   //..code goes here 
});