标记结束不起作用

时间:2016-01-28 09:30:25

标签: html css dom svg

我的marker-end遇到了问题。

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

Before After

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

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

???

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>

1 个答案:

答案 0 :(得分:1)

我找到了解决方案。

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

svg元素创建得不好。