feat: add ratio option to set w/h

pengzhanbo · Jan 10, 2023 · e6995fb · e6995fb
1 parent a0a56c3
commit e6995fb
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 2 deletions.
diff --git a/.eslintignore b/.eslintignore
@@ -4,3 +4,4 @@ docs/.vitepress/cache
 docs/.vitepress/dist
 .github
 **/*.json5
+example/dist
diff --git a/example/index.html b/example/index.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Mock Server Example</title>
+  <title>Image Placeholder Example</title>
 </head>
 <body>
   <div class="img"></div>

diff --git a/src/pathToImage.ts b/src/pathToImage.ts
@@ -44,7 +44,7 @@ export async function pathToImage(
   const query = urlQuery as ImagePlaceholderQuery
   const imgType = params.type || DEFAULT_PARAMS.type!
   const width = Number(params.width) || 300
-  const height = Number(params.height) || Math.ceil((width / 16) * 9)
+  const height = Number(params.height) || Math.ceil(width * options.ratio)
 
   const createOptions: CreateOptions = {
     width,

diff --git a/src/plugin.ts b/src/plugin.ts
@@ -20,6 +20,7 @@ const parseOptions = (
       type: 'png',
       quality: 80,
       compressionLevel: 6,
+      ratio: 9 / 16,
       inline: false,
     } as ImagePlaceholderOptions,
     options,