svg画一个带有箭头的直线,在html中展示没有问题,但是再jsp页面中无法展示线的箭头。
svg的编码如下:
<svg id="ext-gen1019">
<defs>
<marker id="arrow1" viewBox="0 0 6 6" refX="5" refY="3" markerUnits="strokeWidth" markerWidth="6" markerHeight="6" orient="auto">
<path d="M 0 0 L 6 3 L 0 6 z" fill="#15428B" stroke-width="0"></path>
</marker>
<marker id="arrow2" viewBox="0 0 6 6" refX="5" refY="3" markerUnits="strokeWidth" markerWidth="6" markerHeight="6" orient="auto">
<path d="M 0 0 L 6 3 L 0 6 z" fill="#ff3300" stroke-width="0"></path>
</marker>
<marker id="arrow3" viewBox="0 0 6 6" refX="5" refY="3" markerUnits="strokeWidth" markerWidth="6" markerHeight="6" orient="auto">
<path d="M 0 0 L 6 3 L 0 6 z" fill="#ff3300" stroke-width="0"></path>
</marker>
</defs>
<g from="100,100" to="300,300">
<path d="M 100 100 L 200 200" stroke-width="1.4" stroke-linecap="round" fill="none" stroke="#ff3300" marker-end="url(#arrow2)" marker-mid="url(#arrow2)"></path>
</g>
</svg>