javascript - 如何向 SVG 中的椭圆元素添加轮廓/边框?

标签 javascript jquery svg vector-graphics jquery-svg

我是 SVG 的新手。我想知道我可以使用什么属性向 SVG 代码中的椭圆元素添加轮廓/边框? 实际上,我正在尝试使用 SVG 和 jQuery 制作交互式图形,因此我需要让某些选定的椭圆元素在事件发生时显示特定颜色(如深红色)的实心轮廓。我想知道如何做到这一点。

谢谢!

最佳答案

你的意思是这样的吗?

<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
     width="100%" height="100%">
  <ellipse cx="300" cy="80" rx="100" ry="50"
  fill="yellow" stroke="purple" stroke-width="2"/>
</svg> 

椭圆有紫色边缘的地方。或者您的意思是您需要像这样单独做一个椭圆形的方框?

<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
     width="100%" height="100%">
  <ellipse cx="300" cy="80" rx="100" ry="50" fill="yellow"/>
  <rect x="200" y="30" width="200" height="100"
   fill="none" stroke="purple" stroke-width="2"/>
</svg> 

关于javascript - 如何向 SVG 中的椭圆元素添加轮廓/边框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12738316/

相关文章:

javascript - 元素在 Chrome 77 上短暂消失并重新出现

javascript - 我应该如何在文件中构建 Javascript 代码?

javascript - HitTest SVG 形状?

用于访问 svg transform translate 的 x/y 值的 Javascript

jquery - 没有第一个表 td 的嵌套表 td 元素的单击事件

javascript - SVG 文件中的 "onclick"事件

javascript - 过滤与候选人有联系的图节点

javascript - 如果表与字符串匹配则更新表

javascript - 使用 Javascript 编辑对象项

javascript - NodeJS,表示: post data from one page to another