这个svg代码在firefox和chrome中显示一个箭头,但在Internet Explorer 11中被破坏了:
<svg viewBox="0 0 100 100"> <defs> <marker id="arrow" markerWidth="5" markerHeight="6" refx="5" refy="2" orient="auto"> <path d="M0,0 L0,4 L5,2.5 L5,1.5 L0,0" style="fill:red;" ></path> </marker> </defs> <path d="M0,0 L50,50" style="stroke:red; stroke-width: 10px; fill: none; marker-end: url(#arrow);" ></path> </svg>
解决方法
添加笔划:无;在旅游路径风格.像这样:
<svg viewBox="0 0 100 100"> <defs> <marker id="arrow" markerWidth="5" markerHeight="6" refx="5" refy="2" orient="auto"> <path d="M0,0" style="fill:red; stroke: none;" ></path> </marker> </defs> <path d="M0,50" style="stroke:red; stroke-width: 10px; fill: none; marker-end: url(#arrow);" ></path> </svg>
它在IE-11中运行.