Question

我尝试用反转遮罩/剪辑路径替换白色三角形marker-start失败，以便在标记的形状中剪切箭头的末端而不是将其涂成白色。不确定是否可以定义标记掩码。

<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" id="mySVG" viewBox="-100 0 200 200" height="600" width="700">
    <defs>
  <marker refY="0.5" refX="0.0" markerHeight="4" markerWidth="2" orient="auto" id="head">
    <path fill="#D0D0D0" d="M0,0 L0.5,0.5 L0,1 L-0.5,0.5 Z"/>
  </marker>


  <marker refY="0.6" refX="0.1" markerHeight="4" markerWidth="2" orient="auto" id="tail">  
    <clip-Path id="cp1" d="M0 0 V1.3 L0.6 0.6 Z">
<path   fill="white" d="M0 0 V1.3 L0.6 0.6 Z"  />
    <clip-Path>
  </marker>   

</defs>

<path id="myArrow" marker-start="url(#tail)" marker-end="url(#head)" d="M -66.38265586443396 22.21132594835645 A 70 70 0 0 0 66.38265586443396 22.21132594835645" fill="none" stroke="#D0D0D0" stroke-width="8" clip-path="url(#cp1)"/>

Answer 1

标记是独立的符号，在绘制路径后在路径中的各个点定位和绘制。

听起来你正试图用它们来剪掉路径的一些部分。这是徒劳的。这不是标记的工作方式，我担心。

SVG逆标记掩码/剪辑路径

1 个答案: