TeamScheire / familiekiosk

Bouwplannen en uitleg om zelf een fotokanaal te maken, net zoals Maria in het RVT
https://www.canvas.be/team-scheire/maria-wil-meer-contact-met-haar-familie
Apache License 2.0
10 stars 4 forks source link

Use a blown-up, blurred & darkened photo for background #15

Closed ErwinP closed 3 years ago

ErwinP commented 3 years ago

When the photo does not fit the screen, it gets recaled. Unless the photo has the same imgRatio as the screen, this results in black bars either at the left/right (when portrait) or above/below (landscape) of the photo. Although it does the trick, it looks kind of ugly and and beginning 2000.

Here, the background is generated from the shown image. Subsequently, it gets blown up, blurred and darkened to remain an emphasis on the "true" picture, wich is the rescaled one in the center. The result is nothing else but slick, especially when the photo was made in portrait mode.

This is what an example looks like in the current code: portrain_NoRescale Which will become: portrain_rescale

Note that:

I value our opinion! Erwin