images.Text
Syntax
images.Text TEXT [OPTIONS]
Returns
images.filter
选项
虽然没有任何选项是必需的,但至少要将 size
设置为图像高度的一部分,以获得合理的比例。
- color
- (
string
) 字体颜色,可以是一个 3 位或 6 位十六进制颜色码。默认为#ffffff
(白色)。 - font
- (
resource.Resource
) 字体可以是一个[全局资源]、[页面资源]或[远程资源]。默认为 “Go Regular” TrueType 字体。 - linespacing
- (
int
) 每行之间的像素数。对于行高为 1.4,请将linespacing
设置为 0.4 乘以size
。默认为2
。 - size
- (
int
) 字体大小(以像素为单位)。默认为20
。 - x
- (
int
) 相对于图像左边缘的水平偏移量(以像素为单位)。默认为10
。 - y
- (
int
) 相对于图像顶部的垂直偏移量(以像素为单位)。默认为10
。
用法
将字体作为资源捕获:
{{ $font := "" }}
{{ $path := "https://github.com/google/fonts/raw/main/apache/roboto/static/Roboto-Regular.ttf" }}
{{ with resources.GetRemote $path }}
{{ with .Err }}
{{ errorf "%s" . }}
{{ else }}
{{ $font = . }}
{{ end }}
{{ else }}
{{ errorf "无法获取资源 %q" $path }}
{{ end }}
创建选项映射:
{{ $opts := dict
"color" "#fbfaf5"
"font" $font
"linespacing" 8
"size" 40
"x" 25
"y" 190
}}
设置文本:
{{ $text := "Zion National Park" }}
创建过滤器:
{{ $filter := images.Text $text $opts }}
使用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