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 - 在 ExtJS 中,getForm().load() 加载组合字段值吗?

javascript - 生成的输入和默认值

javascript - 为什么 bootstrap 4 slider 工作不顺畅?

text - 带有弯曲文本路径的 SVG 文本对齐问题

javascript - D3 : How do you highlight a range of dates on D3 a line chart?

javascript - 模拟 python 中 findWhere() 的行为

javascript - 需要检索正文中的所有主要 div

javascript - jQuery 和 Google map - 奇怪的行为

jquery - Bootstrap垂直网格并排

javascript - 在给定位置 (x,y) 的情况下获取 SVG 元素的最快方法是什么?