有没有一种方法可以使svg元素在html页面上突出显示？

时间：2018-11-09 11:27:41

标签： html css svg

我在页面上有一个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>

1 个答案:

答案 0 :(得分：1)

添加一个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>

相关问题
最新问题