Canvas Brightness?

Question

[Богдан]

Здравствуйте. С связи с тем что Safari не поддерживает context.filter нужно как-то реализовать свои фильтры (яркость и контрасность), нагуглил решение,



но как-то оно совсем не так работает как context.filter, который осветляет светлый цвет более прогрессивно чем темный, а кастомная реализация осветляет равномерно.



Подскажите, может есть как добиться примерного результата? Спасибо.

Answer 1

[RAX7]

Из описания на https://developer.mozilla.org/en-US/docs/Web/API/C...

brightness()
A CSS <percentage>. Applies a linear multiplier to the drawing, making it appear brighter or darker. A value under 100% darkens the image, while a value over 100% brightens it. A value of 0% will create an image that is completely black, while a value of 100% leaves the input unchanged.

Получается что brightness должен работать как то так:
https://codepen.io/anon/pen/jJaNoQ?editors=1010

Comments

[Богдан]

Спасибо за помощь, может подскажите как сделать тоже самое но с контрастом
Canvas Contrast кастомный фильтр?

Answer 2

[GreatRash]

https://jsfiddle.net/h83mgqL5/2/

Comments

[Богдан]

Спасибо за помощь, может подскажите как сделать тоже самое но с контрастом
Canvas Contrast кастомный фильтр?