Filter

返回应用了一个或多个图像滤镜后的新图像资源。

签名: RESOURCE.Filter FILTER...
返回类型: images.ImageResource

Filter 方法对一张processable image（可处理的图像）应用一个或多个图像滤镜后返回新的资源。

用法

用 Filter 方法应用模糊、锐化、灰度转换等效果。可以传入单个滤镜，也可以传入滤镜切片。传入切片时，Hugo 从左到右依次应用这些滤镜。

应用单个滤镜：

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

应用多个滤镜：

{{ $filters := slice
  images.Grayscale
  (images.GaussianBlur 8)
}}
{{ with resources.Get "images/original.jpg" }}
  {{ with .Filter $filters }}
    <img src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}" alt="">
  {{ end }}
{{ end }}

也可以用 images.Filter 函数应用图像滤镜。

示例

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

英文原文此处用示例照片演示 Grayscale 滤镜的前后对比效果；本站未收录该示例图。

图像滤镜

以下滤镜都可以配合 Filter 方法使用。