问题描述

svg在html和jsp页面中展示的问题

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>

解决方案

http://www.w3cplus.com/html5/svg-introduction-and-embedded-html-page.html

解决方案二：

解决HTML页面转换成JSP的种种问题