https://github.com/kiaragrouwstra/css-img-manipulation

manipulate images by css
https://github.com/kiaragrouwstra/css-img-manipulation

Last synced: about 2 months ago
JSON representation

manipulate images by css

• Host: GitHub
• URL: https://github.com/kiaragrouwstra/css-img-manipulation
• Owner: KiaraGrouwstra
• License: mit
• Created: 2021-01-25T22:29:32.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2021-01-25T23:36:15.000Z (almost 4 years ago)
• Last Synced: 2024-10-15T13:31:04.245Z (3 months ago)
• Language: JavaScript
• Size: 5.86 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# css img manipulation

This is a small library I wrote to manipulate images using css.

My use-case for this was processing images with instagram filters, which I had found [css versions](https://una.im/CSSgram/) of.

### dependencies

- Google Chrome

- ImageMagick

### install

```bash

npm install -g css-img-manipulation

```

### usage

```bash

cd src/

# start headless chrome

google-chrome --headless --hide-scrollbars --remote-debugging-port=9222 --disable-gpu &

pid=$(echo $!)

# manipulate an image using a css filter

css-img-manipulation --css ./example/clarendon.css --cls clarendon --img ./example/cacti.jpg --out ./example/cacti-clarendon.jpg

# kill headless chrome

kill $pid

```