Javascript - Toile Dim/Darken à l'exception d'une section

Question

En utilisant Vanilla JS, je cherche à faire quelque chose comme dans l'image ci-dessous où la plupart de la toile est obscurcie sauf pour une section spécifique (de forme ovale de préférence).

je peux noircir la toile facilement en dessinant une couleur semi-transparente à l'avant, mais je ne suis pas sûr de savoir comment atteindre la section undimmed.

Answer 1

Dans votre exemple, la section non annulée n'est pas réellement 'non-dégrossie' elle a juste une couleur plus claire.

Est-ce que l'empilement de deux couches résout votre problème - utilisez la couche de gradation, puis appliquez un ovale blanc sur la section à accentuer? Si ce n'est pas le cas, vous pouvez poser un ovale transparent à la place, ce qui effacera la section, selon la suggestion de DrC.