gpt4 book ai didi

html - 有没有办法让 svg 元素可以在 html 页面上突出显示?

转载 作者:太空宇宙 更新时间:2023-11-04 06:46:48 27 4
gpt4 key购买 nike

我在页面上有一个 svg 元素,可以对其进行编辑,但是为此我需要选择它(请参阅带有文本的屏幕截图示例),就像页面上的普通文本或图像一样。无法使用 svg 元素做到这一点,也无法找到有关如何实现它的任何信息。

enter image description here

<!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/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com