images.Opacity
Syntax
images.Opacity OPACITY
Returns
images.filter
透明度值必须在[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