images.Padding
语法
images.Padding V1 [V2] [V3] [V4] [COLOR]
返回值
images.filter
最后一个参数是画布颜色，表示为 RGB 或 RGBA 十六进制颜色。默认值为 ffffffff (不透明的白色)。前面的参数是填充值，以像素为单位，使用 CSS 速记属性 语法。负填充值将裁剪图像。
用法
创建滤镜
{{ $filter := images.Padding 20 40 "#976941" }}
使用 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 }}
与 Colors 方法结合使用，以使用图像中最主要的颜色之一创建边框
{{ with resources.Get "images/original.jpg" }}
{{ $filter := images.Padding 20 40 (index .Colors 2) }}
{{ with . | images.Filter $filter }}
<img src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}" alt="">
{{ end }}
{{ end }}
示例
原始
已处理
其他方法
此示例将图像调整为 300 像素宽，将其转换为 WebP 格式，添加 20 像素的垂直填充和 50 像素的水平填充，然后将画布颜色设置为深绿色，不透明度为 33%。
需要转换为 WebP 才能支持透明度。PNG 和 WebP 图像具有 alpha 通道；JPEG 和 GIF 没有。
{{ $img := resources.Get "images/a.jpg" }}
{{ $filters := slice
(images.Process "resize 300x webp")
(images.Padding 20 50 "#0705")
}}
{{ $img = $img.Filter $filters }}
要为图像添加 2 像素的灰色边框
{{ $img = $img.Filter (images.Padding 2 "#777") }}