适应
Syntax
RESOURCE.Fit SPEC
Returns
images.ImageResource
缩小图像以适应给定的尺寸,同时保持纵横比。您必须同时提供宽度和高度。
{{ with resources.Get "images/original.jpg" }}
{{ with .Fit "200x200" }}
<img src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}" alt="">
{{ end }}
{{ end }}
处理规范
处理规范是一个空格分隔、不区分大小写的列表,可以包含以下一项或多项,顺序任意:
- action
- 仅适用于
Process
方法。指定零个或一个crop
、fill
、fit
或resize
。如果指定了 action,则必须同时提供尺寸。 - dimensions
- 使用
Resize
方法时,提供宽度 或 高度,否则提供宽度 和 高度。参见 详情 。 - anchor
- 与
Crop
和Fill
方法一起使用。指定零个或一个TopLeft
、Top
、TopRight
、Left
、Center
、Right
、BottomLeft
、Bottom
、BottomRight
或Smart
。默认为Smart
。参见 详情 。 - rotation
- 通常指定零个或一个
r90
、r180
或r270
。也支持任意旋转角度。参见 详情 。 - target format
- 指定零个或一个
gif
、jpeg
、png
、tiff
或webp
。参见 详情 。 - quality
- 适用于 JPEG 和 WebP 图片。可选地指定
qN
,其中N
是 [0, 100] 范围内的整数。默认为75
。参见 详情 。 - hint
- 适用于 WebP 图片,等同于
cwebp
编码器的-preset
标志。指定零个或一个drawing
、icon
、photo
、picture
或text
。默认为photo
。参见 详情 。
- background color
- 将具有透明度的 PNG 或 WebP 转换为不支持透明度的格式时,可以使用 3 位或 6 位十六进制颜色代码可选地指定背景颜色。默认为
#ffffff
(白色)。参见 详情 。 - resampling filter
- 通常指定零个或一个
Box
、Lanczos
、CatmullRom
、MitchellNetravali
、Linear
或NearestNeighbor
。还有其他重采样滤镜可用。参见 详情 。
示例
{{ with resources.Get "images/original.jpg" }}
{{ with .Fit "300x175 webp q85 lanczos" }}
<img src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}" alt="">
{{ end }}
{{ end }}
Original
Processed