images.Overlay
Syntax
images.Overlay RESOURCE X Y
Returns
images.filter
这些坐标是相对于左上角的位置。
用法
将叠加图像作为资源捕获:
{{ $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