Ich versuche ein Profilbild zu erstellen, bei dem du die Farbe deines Hoodies ändern kannst.

Bild 1 – Überlauf: Keiner

Bild 2 -Überlauf:versteckt

Wenn ich jedoch den Überlauf ausblenden möchte, damit er in den Kreis passt, wird die SVG-Maske an der falschen Stelle abgeschnitten.

Gibt es eine andere Möglichkeit, dies zu tun, oder kann mir vielleicht jemand mit mehr Erfahrung sagen, wo ich falsch liege?

.memoji-wrap { width: 80px; height: 80px; background: #f6f6f6; border-radius: 50%; box-shadow: 0 30px 30px rgba(0, 0, 0, 0.25); display: flex; justify-content: center; align-items: flex-end; overflow: hidden; } #memoji-container { position: relative; width: 60px; left: 3px; top: 5px; } #product-svg { position: relative; z-index: 2; mix-blend-mode: multiply; } #product-shape { fill: #dbed64; } #background-image { position: absolute; top: 0; left: 0; width: 100%; height: auto; }

Bitte sehen Sie sich die beigefügten Bilder an.

Danke