Estoy usando Vue 2, en el html tengo una imagen que tiene un fondo blanco, con un objeto colorido en el medio. ¿Es posible detectar y cambiar el cursor del mouse, según el color de fondo donde se encuentra el cursor del mouse? Como, cuando está en las partes blancas, contra la imagen del objeto real (cualquier cosa que no sea blanca).

Digamos que es una imagen como esta. Quiero que el cursor cambie a puntero en cualquier lugar de la imagen donde el fondo no sea blanco.

https://www.vecteezy.com/vector-art/2751371-manzana-con-fondo-blanco

Nota: JQuery no es una opción en este proyecto

Gracias.