Question

我似乎无法使SVG图像的特定部分透明。图像是一个整体，但是文本内部的区域（如d和o内部）不会改变。我尝试了许多代码组合，但都没有奏效。我对代码不是很熟悉，并且希望获得一些帮助。这是astrict中的代码部分，下面以粗体显示-谢谢

<path d="M 164.06 634.94 C 166.18 637.14 166.77 639.77 167.64 642.60 C 158.53 642.89 149.39 642.68 140.26 642.71 C 141.22 639.96 141.97 637.19 143.96 634.97 C 149.13 629.43 158.91 629.32 164.06 634.94 Z" fill="#XXFFFFFF></path>

Answer 1

只需使用“透明”作为颜色。您还可以使用#RRGGBBAA将颜色设置为部分透明，其中AA是颜色的Alpha（00将是透明的，而FF是完全不透明的。）

<p style="background: linear-gradient(18deg, black, transparent);">
  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 640 480"> 
    <path fill="transparent" d="M0 0h640v160H0z"></path> 
    <path fill="#F0F0F050" d="M0 160h640v160H0z"></path> 
    <path d="M0 320h640v160H0z"></path> 
    <path fill="red" d="M0 0h220v480H0z"></path> 
  </svg>
</p>

如何为特定部分在SVG中制作透明颜色代码

1 个答案: