Question

以下尝试使用SVG标记不起作用。标记似乎在条带下的背景上。我找不到任何理由为什么它的渲染似乎没有正确地提升和调整大小。

<svg id="svg-main" height="1800" width="1600">
<defs>
    <marker id="connection_marker_circle_start" markerWidth="10" markerHeight ="10" refX="5" refY="5" orient="auto">
        <circle cx="5" cy="5" r="5" style="fill: rgb(48, 48, 48);"></circle>
    </marker>
    <marker id="connection_marker_basic_end" markerWidth="13" markerHeight="13" refX="2" refY="6" orient="auto"><path d="M2,2 L2,11 L10,6 L2,2" style="fill: rgb(48, 48, 48);"></path></marker>
</defs>
<line x1="186" x2="478" y1="123" y2="617" marker-start="url(#connection_marker_circle_start)" marker-end="url(#connection_marker_basic_end)" style="stroke: rgb(128, 128, 128); stroke-width: 2px"></line>
</svg>

JSFiddle项目：

http://jsfiddle.net/guidoextras/L62j7r6x/

Answer 1

简单的拼写错误。 markerHight应该是markerHeight。

显示剥离的svg标记

1 个答案: