Wie wende ich ein Graustufenbild als Deckkraftmaske auf eine Gruppe in Konva.js an?
Posted: 17 Jan 2025, 11:12
Ich habe die Lösung in diesem Thread gelesen und ausprobiert: Wie man Konva.Group mit Mask verwendet, konnte aber nicht herausfinden, wie es funktioniert.
Mein Ziel besteht darin, ein Graustufenbild als Deckkraftmaske auf eine Konva.Group (oder sogar eine ganze Ebene) anzuwenden, sodass die Maske die Transparenz der Gruppe basierend auf den Graustufenwerten des Bildes steuert.
Hier ist die Struktur von mir "Stapel":
Ich möchte, dass das Graustufenbild aus der Maskenebene als Maske für den Inhalt in der Hauptinhaltsebene oder bestimmten Gruppen fungiert darin.
Vielen Dank
Mein Ziel besteht darin, ein Graustufenbild als Deckkraftmaske auf eine Konva.Group (oder sogar eine ganze Ebene) anzuwenden, sodass die Maske die Transparenz der Gruppe basierend auf den Graustufenwerten des Bildes steuert.
Hier ist die Struktur von mir "Stapel":
Code: Select all
Konva.Stage
Konva.Layer // Background layer
Konva.Image // Background image
Konva.Layer // Main content layer
Konva.Group // Group #1 with shapes, images
Konva.Group // Group #2 with shapes, images
Konva.Group // ... (other groups)
Konva.Layer // Mask layer
Konva.Image // Grayscale image for masking
Vielen Dank