svg绘制的一个路径 如何加上一个箭头 也沿着这个路径运动
要在SVG路径中添加箭头,你可以使用marker-end
属性。它可以为路径的末端添加一个标记,通常是一个箭头。
以下是修改您的代码来添加箭头并使其沿着路径运动的示例:
<template><div class="box"><svgid="one"width="100%"height="100%"xmlns="http://www.w3.org/2000/svg"><defs><markerid="arrow"viewBox="0 0 10 10"refX="5"refY="5"markerWidth="6"markerHeight="6"orient="auto-start-reverse"><path d="M 0 0 L 10 5 L 0 10 z" fill="#224464"/></marker></defs><g><pathid="svg_3"width="200"height