firefox下marker-start不显示的首要原因是命名空间缺失，必须用document.createelementns("http://www.w3.org/2000/svg", "marker")创建svg元素，否则firefox不识别。
Firefox 下 marker-start 不显示的首要原因：命名空间缺失
Firefox 对 SVG 元素的命名空间极其敏感，marker 及其子元素（如 path）必须显式使用 SVG 命名空间创建。用 document.createElement("marker") 会失败，必须用 document.createElementNS("http://www.w3.org/2000/svg", "marker")。漏掉这个，整个 marker 在 Firefox 中不被识别，marker-start 自然无效。
markerUnits 设为 strokeWidth 时，Firefox 要求父元素有明确 stroke-width
当 markerUnits="strokeWidth"（默认值），Firefox 会严格检查引用该 marker 的路径是否设置了 stroke-width。若路径只有 stroke 没有 stroke-width，或设为 0、none，marker 就静默消失。
- 确保路径带有效描边：
stroke="#000" stroke-width="2" - 避免
stroke-width: 0或未声明stroke-width - 改用
markerUnits="userSpaceOnUse"可绕过此限制，但需手动适配尺寸
refX/refY 超出 markerWidth/markerHeight 范围，Firefox 直接裁剪
Firefox 对 marker 内容的可视区域控制比 Chrome 更严格。如果 refX 或 refY 的值超出了 markerWidth 和 markerHeight 定义的边界（比如 refX="10" 但 markerWidth="8"），箭头图形会被裁掉——不是偏移，是直接不可见。
- 典型安全做法：
refX="0"+markerWidth="10"+ 箭头path从(0,0)向右绘制 - 调试时临时加
marker="url(#myMarker)"到一个rect上，看是否完整渲染 - 不要依赖负坐标“伸出”边界，Firefox 很可能不渲染
Firefox 不支持 orient="auto-start-reverse"，且对 orient="auto" 敏感
Firefox 目前不识别 orient="auto-start-reverse"，遇到就忽略整个 marker 属性；而 orient="auto" 在某些复杂路径（如 path 以 M 开头但无明确方向段）下也可能失效。
- 优先用固定角度：
orient="0"或orient="180" - 若必须自动朝向，确保路径至少有两个点（如
M10,10 L20,20），不能是单点线段 - 避免在
<polyline></polyline>上用orient="auto"，Firefox 支持不稳定
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
