Как динамически менять цвет в зависимости от фона?

[GSM-info]

Привет, ребята, я считаю, что название уже многое говорит о моем вопросе.

У меня возникла проблема с этой проблемой, и я не знаю, как ее решить. По сути, у меня есть синий круг размером 300x300 пикселей, который следует за курсором, куда бы он ни пошел. Теперь цвета не являются проблемой, если круг включен, скажем, на белом фоне, но когда я перемещаю курсор на фон того же цвета, что и круг, круг явно сливается с ним. Есть ли способ изменить цвет круга, когда он находится на фоне определенного цвета?

Вот моя ручка: http://codepen.io/bayron2304/pen/VKvOoZ

Спасибо за любую помощь!

 

[GetActiva]

Самым простым решением было бы добавить белую рамку вокруг синего круга и сделать так, чтобы она пересекала синий фон с помощью z-index:

https://jsfiddle.net/gcpq7x2w/1/

 

[romajke]

Вообще говоря, нет... Вы не используете системные курсоры, поэтому инверсный цвет недоступен - но добро пожаловать, почему курсоры, управляемые мышью, редко, если вообще когда-либо, бывают монохромными. Взять обычные указатели Windows? Они сплошные белые? Они сплошные черные? Нет, это черный контур вокруг белого, к которому вы можете добавить дополнительную тень.

Тогда решение? не используйте одноцветный курсор. Придайте ему границу или тень, которая будет противоположной его яркости.