svg .js没有正确地连接svg元素

SVG.js doesn't wire its svg element up properly

本文关键字：svg 连接 元素 正确地 js      更新时间：2023-09-26

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

*实际上，我需要访问中间的页面来重新触发它。如果我返回并再次点击链接，它也可以工作!

所以我被难住了。有人知道这是怎么回事吗?

虽然我从来没有特别使用过SVG.js，但可能是Angular在某些情况下没有"意识到"SVG.js。尝试将SVG呈现函数包装在$timeout()

中
$timeout(function(){
   //..code goes here 
});
相关文章：