Helligkeit und Kontrast für ein Leinwand-Bild mit javascript
Ich habe ein Bild in einem tag
var img = new Image();
ctx.drawImage(img,0,0,img.width,img.height);
ecc...
Wie ist es möglich, ändern Sie die Helligkeit und den Kontrast des Bildes mit javascript?
Tnx
- -1: Man könnte wenigstens sagen, welche Programmiersprache ist Ihre Frage
- Ops sorry in javascript...
- Hinzugefügt javascript-tag. Auf diese Weise gibt es mehr Chancen, dass javascript-Experten prüfen die Frage.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Gibt es mindestens eine javascript-Bibliothek, die ich kenne, die dies tun können, Pixastic
Nutzung könnte wie folgt Aussehen.
Die Bibliothek ist eine Art sollte die Arbeit mit Bildern innerhalb der Seite und ersetzt Sie mit canvas-Elemente enthalten, die das gerenderte Ergebnis.
Aber in dem code oben habe ich übergeben habe in einem canvas-element und nicht als ein Bild enthalten und die 'leaveDOM' - Eigenschaft, um zu verhindern, dass die pixastic Bibliothek aus tauschen Sie Ihre Leinwand in den DOM-für die man es schafft.
Zur Anzeige der Ergebnisse habe ich die callback-Funktion, die nicht nur macht, ctx.drawImage zu setzen, die Inhalte in Ihrer original-Leinwand.
Hoffe das macht Sinn.
Können Sie die Dokumentation für weitere Beispiele. Pixastic Dokumentation
Meiner Erfahrung, fabric.js die beste javascript-Bibliothek, die für die Durchführung dieses. Check-out Stoff JS und wie Bild-Filterung an: http://fabricjs.com/image-filters
können Sie versuchen, diese , siehe Kommentar
Können Sie versuchen, diese c# - code):