images.Overlay

January 1, 1

使用方法

將覆蓋影像當作資源捕捉：

{{ $overlay := "" }}
{{ $path := "images/logo.png" }}
{{ with resources.Get $path }}
  {{ $overlay = . }}
{{ else }}
  {{ errorf "無法獲取資源 %q" $path }}
{{ end }}

覆蓋影像可以是全域資源、頁面資源，或遠端資源。

建立濾鏡：

{{ $filter := images.Overlay $overlay 20 20 }}

使用 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 }}

範例

Original

Processed