From f908987f354c2be06bede2ef7f0538770c474a62 Mon Sep 17 00:00:00 2001 From: Kleis Auke Wolthuizen Date: Fri, 21 Jul 2023 22:58:02 +0200 Subject: [PATCH] Docs: use SVG image for the resize fit property example (#3735) --- docs/api-resize.md | 2 +- docs/image/api-resize-fit.png | Bin 16408 -> 0 bytes docs/image/api-resize-fit.svg | 62 ++++++++++++++++++++++++++++++++++ lib/resize.js | 2 +- 4 files changed, 64 insertions(+), 2 deletions(-) delete mode 100644 docs/image/api-resize-fit.png create mode 100644 docs/image/api-resize-fit.svg diff --git a/docs/api-resize.md b/docs/api-resize.md index ed70c7f56..a8caca9d0 100644 --- a/docs/api-resize.md +++ b/docs/api-resize.md @@ -10,7 +10,7 @@ When both a `width` and `height` are provided, the possible methods by which the Some of these values are based on the [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) CSS property. -Examples of various values for the fit property when resizing +Examples of various values for the fit property when resizing When using a **fit** of `cover` or `contain`, the default **position** is `centre`. Other options are: - `sharp.position`: `top`, `right top`, `right`, `right bottom`, `bottom`, `left bottom`, `left`, `left top`. diff --git a/docs/image/api-resize-fit.png b/docs/image/api-resize-fit.png deleted file mode 100644 index 583c0ed4b84b0171bc9776fcd8730ee82d11454d..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 16408 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 diff --git a/docs/image/api-resize-fit.svg b/docs/image/api-resize-fit.svg new file mode 100644 index 000000000..06139b8e3 --- /dev/null +++ b/docs/image/api-resize-fit.svg @@ -0,0 +1,62 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + cover + + + + contain + + + + fill + + + + + inside + + + + + outside + + diff --git a/lib/resize.js b/lib/resize.js index 41001f9af..6677dba72 100644 --- a/lib/resize.js +++ b/lib/resize.js @@ -126,7 +126,7 @@ function isResizeExpected (options) { * * Some of these values are based on the [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) CSS property. * - * Examples of various values for the fit property when resizing + * Examples of various values for the fit property when resizing * * When using a **fit** of `cover` or `contain`, the default **position** is `centre`. Other options are: * - `sharp.position`: `top`, `right top`, `right`, `right bottom`, `bottom`, `left bottom`, `left`, `left top`.