时间戳

首页 > 解决方案 > 按钮未在 svg 对象之前显示

javascript - 按钮未在 svg 对象之前显示

问题描述

我有以下代码：

<html>
<body>
    <button type="button" style="background-color: lightblue;" onclick="makeGraph();">Make Graph</button>
    <button type="button">Save Image</button>
    <svg width="800" height="600"></svg>
</body>
</html>

这给出了一个空白区域，然后是我的按钮。我单击第一个按钮，它会绘制我的图表。（该代码在头部的一个函数中定义。）

如果我注释掉 svg，按钮会显示在我期望的位置。我正在寻找类似偏移量的东西来将 svg 移到页面下方，因此按钮位于顶部。我想也许翻译会这样做，但没有运气。

如何在显示按钮后获取 svg？

标签： javascripthtmlsvgbutton

解决方案

可能是你应该设置

<svg id='svgGraph' style='display:none' width="800" height="600"></svg>

在函数内部makeGraph你应该插入这个。

document.getElementById('svgGraph').style.display = "block";

推荐阅读