我在页面上有一个 svg 元素,可以对其进行编辑,但是为此我需要选择它(请参阅带有文本的屏幕截图示例),就像页面上的普通文本或图像一样。无法使用 svg 元素做到这一点,也无法找到有关如何实现它的任何信息。
<!DOCTYPE html>
<html>
<body>
<div style="height:100px;width:100px;">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
</div>
</body>
</html>
最佳答案
添加一个 tabindex 属性使其可选择(与 html 相同)。
<!DOCTYPE html>
<html>
<body>
<div style="height:100px;width:100px;">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<circle tabindex="1" cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
</div>
</body>
</html>
关于html - 有没有办法让 svg 元素可以在 html 页面上突出显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53224880/