images.Opacity

January 1, 1

不透明度值必須在 [0, 1] 範圍內。值為 0 會產生透明的影像，而值為 1 則會產生完全不透明的影像（沒有透明度）。

使用方法

建立濾鏡：

{{ $filter := images.Opacity 0.65 }}

使用 images.Filter 函數應用過濾器：

{{ with resources.Get "images/original.jpg" }}
  {{ with . | images.Filter $filter }}
    <img src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}" alt="">
  {{ end }}
{{ end }}

您也可以使用 Resource 物件上的 Filter 方法來應用過濾器：

{{ with resources.Get "images/original.jpg" }}
  {{ with .Filter $filter }}
    <img src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}" alt="">
  {{ end }}
{{ end }}

images.Opacity 濾鏡對於支援透明度的目標格式（如 PNG 和 WebP）最為有用。如果源影像不支援透明度，則可將此濾鏡與 images.Process 濾鏡搭配使用：

{{ with resources.Get "images/original.jpg" }}
  {{ $filters := slice
    (images.Opacity 0.65)
    (images.Process "png")
  }}
  {{ with . | images.Filter $filters }}
    <img src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}" alt="">
  {{ end }}
{{ end }}

範例

Original

Processed