https://github.com/superfly/image-processing

https://github.com/superfly/image-processing

Last synced: 8 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/superfly/image-processing
• Owner: superfly
• License: apache-2.0
• Created: 2018-04-17T18:21:47.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-04-20T03:24:08.000Z (over 7 years ago)
• Last Synced: 2025-04-25T22:34:51.758Z (8 months ago)
• Language: TypeScript
• Size: 64.5 KB
• Stars: 13
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Fly Image Processing App

To run:

* Clone this repository

* `npm install` (Need recent node version)

* `npm start`

Demo URLs:

* http://localhost:3000/content/images/2018/01/ghostzapimg--3-.jpg?w_url=/assets/img/ghostpro.svg&w_pos=southwest&w_pad=10%25&w_w=20%25&w_bg=rgba(128,128,255,0.5)

* http://localhost:3000/content/images/2018/01/ghostzapimg--3-.jpg?w_url=/assets/img/ghostpro.svg&w_pos=northeast&w_pad=10%25&w_w=20%25&w_bg=rgba(255,128,128,0.5)

## URL options

##### Image

* Size: leave either of these blank to auto scale a dimension

  * **`w`**: Width in pixels or percent (`200`, `200px`, `50%`)

  * **`h`**: Height in pixels or percent (`140`, `140px`, `50%`)

* **`f`**: desired output format

##### Watermark

* **`w_url`**: URL to the watermark image (like `/watermarks/blah.png`)

* **`w_bg`**: Background color for watermark (like `transparent` or `rgba(128,128,0,0.5)`)

* **`w_pos`**: Watermark Position: `north`, `south`, `east`, `west` ...

* **`w_pad`**: padding around watermark. If a bg color is specified, padding expands the colored canvas