Helligkeit und Kontrast für ein Leinwandbild mit Javascript

Es gibt mindestens eine JavaScript-Bibliothek, von der ich weiß, dass sie dies tun kann, Pixastic

Die Verwendung könnte so aussehen.

Die Bibliothek soll mit Bildern auf Ihrer Seite arbeiten und sie durch Canvas-Elemente ersetzen, die das gerenderte Ergebnis enthalten.

Aber im obigen Code habe ich ein canvas-Element und nicht ein Bild übergeben und die 'leaveDOM' -Eigenschaft eingefügt, um zu verhindern, dass die pixastic-Bibliothek Ihre Zeichenfläche im DOM für die erzeugte ersetzt.

Um die Ergebnisse anzuzeigen, habe ich die Callback-Funktion eingefügt, die nur ctx.drawImage verwendet, um den Inhalt in Ihre ursprüngliche Zeichenfläche zu bringen.

Hoffe, dass das Sinn macht.

Sie können in der Dokumentation nach weiteren Beispielen suchen. Pixastic Documentation

Nach meiner Erfahrung ist fabric.js die beste Javascript-Bibliothek, um das zu tun. Sehen Sie sich Fabric JS an und wie Sie die Bildfilterung durchführen: Ссылка

Sie können dies versuchen (c # -Code):