标记端不起作用答案

【问题标题】：Marker-end do not work标记端不起作用
【发布时间】：2016-05-05 14:21:06
【问题描述】：

我的marker-end 遇到问题。

我尝试显示一个箭头，但它不起作用。当我在 HTML 代码中直接更改 SVG 行时，出现箭头。

当我更改我的代码时，它不起作用。要看到箭头出现，我必须直接更改页面源代码中的代码。有人知道为什么吗？以及如何解决这个问题？

例如，这里我刚刚手动更改了宽度以使其正常工作...

path.SVGEdgeView{
    stroke: #777 !important ;
    stroke-width: 1.5px !important ;
    marker-end: url(#arrow-edge-end-marker) !important ;
}

<path class="SVGEdgeView" id="0.2916158037260175" d="M1290 80C1365 80 1515 205 1440 205"></path>

【问题讨论】：

我没有看到你设置标记结束样式的任何地方，你能发布你的不工作代码吗？（请编码，不要截图）
我会在 jsfiddle 上放一个最小的测试示例。
我已添加代码
向我们展示您的所有代码。您的代码的 pscreenshot 没有帮助。请编写代码 sn-p 或 jsfiddle 或其他东西，以便我们自己看到它失败。

标签： html css dom svg

【解决方案1】：

我找到了解决方案。

我使用 document.createElement(tagname) 而不是 document.createElementNS('http://www.w3.org/2000/svg', tagname) 创建了我的 svg。

svg 元素创建得不好。

【讨论】：