【问题标题】:Make marker-end same color as path?使标记端与路径颜色相同?
【发布时间】:2014-01-11 08:51:41
【问题描述】:

路径具有特定的stroke 颜色,可能会以编程方式更改。标记的fill 也可以与路径的描边颜色完全相同吗? (如果需要,我会使用 javascript。)

【问题讨论】:

标签: svg


【解决方案1】:

标记独立于它们应用到的路径,并且不继承颜色。也没有办法让它们的颜色自动匹配路径。

您必须明确设置它们的颜色。

【讨论】:

  • 有没有办法以编程方式设置标记的颜色?还是我必须为我想使用的每种颜色创建一个不同的标记?
  • 如果标记有id,那么您可以更改颜色,例如myMarker.setAttribute('fill','blue'); 或jQuery $('#myMarker').attr('fill','blue'); ...或者您可以单独创建完整的标记元素并将HTML 附加到SVG元素的 innerHTML。
【解决方案2】:

IE 和 Firefox 渲染标记颜色继承自路径,但 Chrome 没有。

我认为这是一个 chrome 错误。

【讨论】:

  • 我认为情况不再如此。 Chrome 不再继承颜色(2018 Chrome 69)
  • Firefox 也没有。
猜你喜欢
  • 2010-09-09
  • 2016-10-19
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-24
  • 2012-01-31
相关资源
最近更新 更多