使用JavaScript调试绘制的SVG图形

Question

使用JavaScript调试绘制的SVG图形

javascriptgoogle-chromesvggoogle-chrome-devtools

3

我正在使用JavaScript绘制一些SVG图形。有没有一种方法可以针对生成的SVG图形进行调试？具体来说，我正在寻找类似元素检查器之类的东西，可以指向绘制该部分SVG图形的代码。"最初的回答"：你可以使用浏览器内置的开发者工具来调试SVG图形。在Chrome浏览器中，打开开发者工具，选择Elements选项卡，然后在SVG元素上右键单击并选择Inspect选项。这将显示SVG元素及其相关代码。

- user3463521

3

您可以在检查器中看到生成的代码。 - enxaneta

此外，在Javascript调试器中，可以键入svg.html()，并将到目前为止的SVG的HTML代码表示转储出来。 - sdbbs

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Kayce Basques · Accepted Answer

在SVG节点上添加一个DOM断点如何？使用子树修改或属性修改断点。当您的JS修改节点时，DevTools会在导致修改的代码行上暂停。