Fix function signatures

This commit is contained in:
Joe Mooring 2023-10-28 11:08:07 -07:00 committed by GitHub
parent 8182a27ed4
commit 4d936aee62
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 43 additions and 43 deletions

View File

@ -17,9 +17,9 @@ See [images.Filter](#filter) for how to apply these filters to an image.
{{< new-in "0.119.0" >}}
{{% funcsig %}}
{{< funcsig >}}
images.Process SRC SPEC
{{% /funcsig %}}
{{< /funcsig >}}
A general purpose image processing function.
@ -36,9 +36,9 @@ This filter has all the same options as the [Process](/content-management/image-
## Overlay
{{% funcsig %}}
{{< funcsig >}}
images.Overlay SRC X Y
{{% /funcsig %}}
{{< /funcsig >}}
Overlay creates a filter that overlays the source image at position x y, e.g:
@ -60,9 +60,9 @@ The above will overlay `$logo` in the upper left corner of `$img` (at position `
{{< new-in "0.119.0" >}}
{{% funcsig %}}
{{< funcsig >}}
images.Opacity SRC OPACITY
{{% /funcsig %}}
{{< /funcsig >}}
Opacity creates a filter that changes the opacity of an image.
The OPACITY parameter must be in range (0, 1).
@ -84,9 +84,9 @@ This filter is most useful for target formats that support transparency, e.g. PN
Using the `Text` filter, you can add text to an image.
{{% funcsig %}}
{{< funcsig >}}
images.Text TEXT MAP)
{{% /funcsig %}}
{{< /funcsig >}}
The following example will add the text `Hugo rocks!` to the image with the specified color, size and position.
@ -115,27 +115,27 @@ You can load a custom font if needed. Load the font as a Hugo `Resource` and set
## Brightness
{{% funcsig %}}
{{< funcsig >}}
images.Brightness PERCENTAGE
{{% /funcsig %}}
{{< /funcsig >}}
Brightness creates a filter that changes the brightness of an image.
The percentage parameter must be in range (-100, 100).
### ColorBalance
{{% funcsig %}}
{{< funcsig >}}
images.ColorBalance PERCENTAGERED PERCENTAGEGREEN PERCENTAGEBLUE
{{% /funcsig %}}
{{< /funcsig >}}
ColorBalance creates a filter that changes the color balance of an image.
The percentage parameters for each color channel (red, green, blue) must be in range (-100, 500).
## Colorize
{{% funcsig %}}
{{< funcsig >}}
images.Colorize HUE SATURATION PERCENTAGE
{{% /funcsig %}}
{{< /funcsig >}}
Colorize creates a filter that produces a colorized version of an image.
The hue parameter is the angle on the color wheel, typically in range (0, 360).
@ -144,18 +144,18 @@ The percentage parameter specifies the strength of the effect, it must be in ran
## Contrast
{{% funcsig %}}
{{< funcsig >}}
images.Contrast PERCENTAGE
{{% /funcsig %}}
{{< /funcsig >}}
Contrast creates a filter that changes the contrast of an image.
The percentage parameter must be in range (-100, 100).
## Gamma
{{% funcsig %}}
{{< funcsig >}}
images.Gamma GAMMA
{{% /funcsig %}}
{{< /funcsig >}}
Gamma creates a filter that performs a gamma correction on an image.
The gamma parameter must be positive. Gamma = 1 gives the original image.
@ -163,75 +163,75 @@ Gamma less than 1 darkens the image and gamma greater than 1 lightens it.
## GaussianBlur
{{% funcsig %}}
{{< funcsig >}}
images.GaussianBlur SIGMA
{{% /funcsig %}}
{{< /funcsig >}}
GaussianBlur creates a filter that applies a gaussian blur to an image.
## Grayscale
{{% funcsig %}}
{{< funcsig >}}
images.Grayscale
{{% /funcsig %}}
{{< /funcsig >}}
Grayscale creates a filter that produces a grayscale version of an image.
## Hue
{{% funcsig %}}
{{< funcsig >}}
images.Hue SHIFT
{{% /funcsig %}}
{{< /funcsig >}}
Hue creates a filter that rotates the hue of an image.
The hue angle shift is typically in range -180 to 180.
## Invert
{{% funcsig %}}
{{< funcsig >}}
images.Invert
{{% /funcsig %}}
{{< /funcsig >}}
Invert creates a filter that negates the colors of an image.
## Pixelate
{{% funcsig %}}
{{< funcsig >}}
images.Pixelate SIZE
{{% /funcsig %}}
{{< /funcsig >}}
Pixelate creates a filter that applies a pixelation effect to an image.
## Saturation
{{% funcsig %}}
{{< funcsig >}}
images.Saturation PERCENTAGE
{{% /funcsig %}}
{{< /funcsig >}}
Saturation creates a filter that changes the saturation of an image.
## Sepia
{{% funcsig %}}
{{< funcsig >}}
images.Sepia PERCENTAGE
{{% /funcsig %}}
{{< /funcsig >}}
Sepia creates a filter that produces a sepia-toned version of an image.
## Sigmoid
{{% funcsig %}}
{{< funcsig >}}
images.Sigmoid MIDPOINT FACTOR
{{% /funcsig %}}
{{< /funcsig >}}
Sigmoid creates a filter that changes the contrast of an image using a sigmoidal function and returns the adjusted image.
It's a non-linear contrast change useful for photo adjustments as it preserves highlight and shadow detail.
## UnsharpMask
{{% funcsig %}}
{{< funcsig >}}
images.UnsharpMask SIGMA AMOUNT THRESHOLD
{{% /funcsig %}}
{{< /funcsig >}}
UnsharpMask creates a filter that sharpens an image.
The sigma parameter is used in a gaussian function and affects the radius of effect.
@ -243,9 +243,9 @@ The threshold parameter controls the minimum brightness change that will be shar
### Filter
{{% funcsig %}}
{{< funcsig >}}
IMAGE | images.Filter FILTERS...
{{% /funcsig %}}
{{< /funcsig >}}
Can be used to apply a set of filters to an image:
@ -261,9 +261,9 @@ Parses the image and returns the height, width, and color model.
The `imageConfig` function takes a single parameter, a file path (_string_) relative to the _project's root directory_, with or without a leading slash.
{{% funcsig %}}
{{< funcsig >}}
images.ImageConfig PATH
{{% /funcsig %}}
{{< /funcsig >}}
```go-html-template
{{ with (imageConfig "favicon.ico") }}

View File

@ -5,7 +5,7 @@
{{- if $.Params.function.returnType }}
{{- $signature = printf "%s ⟼ %s" . $.Params.function.returnType }}
{{- end }}
<pre class="f5 mb4 ph3 pv2 bg-light-gray" style="border-left:4px solid #0594CB;">
<pre class="f5 mb4 ph3 pv2 bg-light-gray overflow-x-auto" style="border-left:4px solid #0594CB;">
{{- $signature -}}
</pre>
{{- end }}

View File

@ -1,4 +1,4 @@
<h4 class="minor mb1 pt2 primary-color-dark">Syntax</h4>
<pre class="f5 mb4 ph3 pv2 bg-light-gray" style="border-left:4px solid #0594CB;">
<pre class="f5 mb4 ph3 pv2 bg-light-gray overflow-x-auto" style="border-left:4px solid #0594CB;">
{{- .Inner -}}
</pre>
</pre>