Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/sharepoint/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
SVG反向标记掩码/剪辑路径_Svg - Fatal编程技术网

SVG反向标记掩码/剪辑路径

SVG反向标记掩码/剪辑路径,svg,Svg,我尝试用反向遮罩/剪辑路径替换白色三角形,即标记开始,以将箭头末端切割为标记形状,而不是将其绘制为白色,但未成功。 不确定是否可以定义标记掩码 <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> <mark

我尝试用反向遮罩/剪辑路径替换白色三角形,即
标记开始
,以将箭头末端切割为标记形状,而不是将其绘制为白色,但未成功。 不确定是否可以定义标记掩码

<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)"/>


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


听起来好像您正试图使用它们来剪裁路径中的一些片段。这是徒劳的。恐怕这不是标记的工作方式。

我在这里没有看到任何剪辑路径或掩码代码……正如我所说的,我不知道确切地放在哪里以及如何放。我尝试在第二个标记中定义一个剪辑路径,该路径的值与“d”的值相同,但不起作用。我现在编辑了代码。谢谢。我明白了,那么有没有一种方法可以从路径中裁剪出比特呢?实际上,使用掩码会容易得多。下面是一个有帮助的例子: