使用JS编辑SVG文件

Question

有一张照片已经添加到HTML代码中(作为svg文件(。我想知道：如何制作它，以便用户可以在两个选项之间进行选择-十字或零，然后单击该区域，就会出现十字或零。(即，当选择两者中的一个并单击区域上的LMB时，将显示所选图形(如果可以这样称呼的话(。

我很乐意得到帮助。

Answer 1

你的意思是这样的吗？你可以简单地将svg放在选项divs 中

`<div class="">
<div id="option-1" style="display: none;">Cross</div>
<div id="option-2" style="display: none;">Zero</div>
<button class="" onclick="document.getElementById('option-1').style.display = 'block'; document.getElementById('option-2').style.display = 'none'; ">Cross</button>
<button class="" onclick="document.getElementById('option-2').style.display = 'block'; document.getElementById('option-1').style.display = 'none'; ">Zero</button>
</div>`