added web-image
53
web-image/README.md
Normal file
@@ -0,0 +1,53 @@
|
||||
# Web images
|
||||
|
||||

|
||||
|
||||
These images were created based on [this](https://www.vecteezy.com/vector-art/20255358-colorful-business-web-modern-shadow-vector-icon-set).
|
||||
|
||||
The original image file is grayscale.
|
||||
One image contains 6 icons.
|
||||
We used ImageMagick to convert the images.
|
||||
Images of any size and any color can be generated using split.sh.
|
||||
|
||||

|
||||

|
||||

|
||||

|
||||

|
||||

|
||||
|
||||
```
|
||||
$ identify *.png
|
||||
web01.png PNG 60x60 230x157+16+14 8-bit sRGB 26711B 0.000u 0:00.000
|
||||
web02.png PNG 60x60 230x157+85+14 8-bit sRGB 26719B 0.000u 0:00.000
|
||||
web03.png PNG 60x60 230x157+154+14 8-bit sRGB 27142B 0.000u 0:00.000
|
||||
web04.png PNG 60x60 230x157+16+83 8-bit sRGB 26815B 0.000u 0:00.000
|
||||
web05.png PNG 60x60 230x157+85+83 8-bit sRGB 26633B 0.000u 0:00.000
|
||||
web06.png PNG 60x60 230x157+154+83 8-bit sRGB 27956B 0.000u 0:00.000```
|
||||
```
|
||||
|
||||
## How to use these icon
|
||||
```
|
||||
cd $HOME/esp-idf-st7789/icons
|
||||
rm *
|
||||
cd $HOME/esp-idf-st7789/web-image
|
||||
cp *.png $HOME/esp-idf-st7789/icons
|
||||
```
|
||||
|
||||
|
||||
```
|
||||
lcdFillScreen(&dev, WHITE);
|
||||
strcpy(file, "/icons/web01.png");
|
||||
IconTest(&dev, file, CONFIG_WIDTH, CONFIG_HEIGHT, 0, 0);
|
||||
strcpy(file, "/icons/web02.png");
|
||||
IconTest(&dev, file, CONFIG_WIDTH, CONFIG_HEIGHT, 60, 0);
|
||||
strcpy(file, "/icons/web03.png");
|
||||
IconTest(&dev, file, CONFIG_WIDTH, CONFIG_HEIGHT, 120, 0);
|
||||
|
||||
strcpy(file, "/icons/web04.png");
|
||||
IconTest(&dev, file, CONFIG_WIDTH, CONFIG_HEIGHT, 0, 60);
|
||||
strcpy(file, "/icons/web05.png");
|
||||
IconTest(&dev, file, CONFIG_WIDTH, CONFIG_HEIGHT, 60, 60);
|
||||
strcpy(file, "/icons/web06.png");
|
||||
IconTest(&dev, file, CONFIG_WIDTH, CONFIG_HEIGHT, 120, 60);
|
||||
```
|
||||
17
web-image/split.sh
Normal file
@@ -0,0 +1,17 @@
|
||||
#!/bin/bash
|
||||
|
||||
SOURCE=vecteezy_colorful-business-web-modern-shadow-vector-icon-set_20255358.jpg
|
||||
convert ${SOURCE} -crop 500x500+135+115 web01.png
|
||||
convert ${SOURCE} -crop 500x500+710+115 web02.png
|
||||
convert ${SOURCE} -crop 500x500+1285+115 web03.png
|
||||
|
||||
convert ${SOURCE} -crop 500x500+135+690 web04.png
|
||||
convert ${SOURCE} -crop 500x500+710+690 web05.png
|
||||
convert ${SOURCE} -crop 500x500+1285+690 web06.png
|
||||
|
||||
# resize images
|
||||
#mogrify -resize 100x *.png
|
||||
#mogrify -resize 80x *.png
|
||||
mogrify -resize 60x *.png
|
||||
#mogrify -resize 40x *.png
|
||||
|
||||
|
After Width: | Height: | Size: 213 KiB |
BIN
web-image/web01.png
Normal file
|
After Width: | Height: | Size: 26 KiB |
BIN
web-image/web02.png
Normal file
|
After Width: | Height: | Size: 26 KiB |
BIN
web-image/web03.png
Normal file
|
After Width: | Height: | Size: 26 KiB |
BIN
web-image/web04.png
Normal file
|
After Width: | Height: | Size: 26 KiB |
BIN
web-image/web05.png
Normal file
|
After Width: | Height: | Size: 26 KiB |
BIN
web-image/web06.png
Normal file
|
After Width: | Height: | Size: 27 KiB |