Seite 1 von 1

Hintergrundbild mit PATH beschneiden?

Verfasst: Sa 4. Feb 2023, 09:38
von stobi_de
https://www.familienzahnaerztin-nuembrecht.de/
Hier am unteren Rand des Titelbildes ist ein runder Divider aus der Witsec Galerie.
Der Divider überlagert das obere Bild mit einem halbtransparenten und einem weißen Bereich.
Den weißen Bereich würde ich nun gerne durch einen komplett-transparenten Bereich ersetzen, so dass man ein statisches Komplett-Hintergrundbild erkennen könnte.
Dieses geht natürlich nicht mit einem Devider, das Hintergrundbild selbst muss entsprechend beschnitten werden.
Sollte dann irgendwie so aussehen (halt ohne das Weiss)
https://www.afripix.de/Birgit-Ihne/index.php

Re: Hintergrundbild mit PATH beschneiden?

Verfasst: Sa 4. Feb 2023, 10:13
von Tommy Herrmann
Moin,

ich habe mal im Screenshot den Hintergrund von diesem Devider schwarz gemacht, sodass man sich das besser vorstellen kann.

SVG Grafik.jpg

Die geschwungene halbtransparente (weiße) Bereich ist doch aber eine .svg Grafik und die kannst Du, würde ich meinen, ja nicht mit einer CSS anpassen. Diese müsste dann gleich so gestaltet sein.

Geht das vielleicht mittels "CSS Clip Path" - keine Ahnung, bin ich nicht genug in diesem Thema drinnen.

https://www.mobirise-tutorials.com/Busi ... -path.html

Re: Hintergrundbild mit PATH beschneiden?

Verfasst: Sa 4. Feb 2023, 10:23
von stobi_de
Ja genau,
nun müsste ich halt die path-Angabe aus dem Divider irgendwie in das Hintergrundbild kopieren, damit die beiden sich passgenau überlagern, der weiße Divider-Bereich also weg ist. Oder halt die DSaten aus dem Devider komplett ins Hintergrundbild einarbeiten....

Re: Hintergrundbild mit PATH beschneiden?

Verfasst: Sa 4. Feb 2023, 10:35
von Tommy Herrmann
... habe mich nicht mit beschäftigt - gehen tut das aber mit "Clip-Path":

https://www.fluttercampus.com/guide/36/ ... n-flutter/

https://jaketrent.com/post/create-bezie ... clip-path/

Re: Hintergrundbild mit PATH beschneiden?

Verfasst: Sa 4. Feb 2023, 10:57
von stobi_de
Ok, Grundlagenforschung ist angesagt....