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

时间:2015-05-19 20:12:55

标签: javascript angularjs svg svg.js

我的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元素的页面,就会发生这种情况。当我直接去那里或重新加载时,一切正常。

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

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

1 个答案:

答案 0 :(得分:0)

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

中包装SVG渲染功能
$timeout(function(){
   //..code goes here 
});