Photoshop-artiger Füllmodus in Webseiten mit CSS oder JavaScript?

8

Ich frage mich, ob es möglich ist, zwei oder mehr Bilder auf einer Webseite mit Mischmodi zu mischen, wie Sie es in Photoshop finden (Überlagerung, Bildschirm, Aufhellen, usw.).

Ich weiß, dass sowas mit Flash und Java möglich ist, aber ist das ohne Plugins möglich, also mit CSS oder JavaScript? Ich habe ein paar Javascript-Beispiele für diesen Effekt gesehen, die auf relativ kleinen Bildern funktionieren, aber ich bin daran interessiert, dies auf hochauflösenden Bildern zu tun ... das ist nur für experimentelle Zwecke.

    
Greg 09.09.2010, 23:19
quelle

2 Antworten

6

Mit dem canvas-Element können Sie sehr leicht überlagern und aufhellen. Es kommt darauf an, welche Einstellungen Sie vor dem Rendern jedes Bitmaps auf der Zeichenfläche festlegen.

Ссылка

    
Eric Mickelsen 09.09.2010, 23:23
quelle
5

Ich habe eine separate, leichtgewichtige Open-Source-Bibliothek erstellt, um Mischmodi im Photoshop-Stil von einem HTML-Canvas-Kontext zu einem anderen auszuführen: Kontext-Mixer . Hier ist die Beispielverwendung:

%Vor%

Weitere Informationen finden Sie in der README , einschließlich der in der aktuellen Version unterstützten Mischmodi.

    
Phrogz 03.12.2010 22:52
quelle