Zone de brouillard sur une carte

[Air]

Hello,

J'ai testé les balises clipPath et mask sans succès.

Je suis en train de tester une autres solution. Les zones découvertes par le joueur seront affichées par un polygone SVG.
Pour le moment je suis plutôt satisfait de ce choix.

Code PHP :

<?php 

<div id="map" style="width: 500px; height: 500px;">

    <div id="sectors">

        <div id="systems">

            <a href="#" style="top: 20px; left: 60px"><img src="http://game.asylamba.com/s13/public/media/map/systems/t5c6.png"  /></a>

        </div>



                <div style="position: absolute;top: 60px;left: 100px;width: 500px; height: 500px;"><image src="map3.jpg" /></div>

            <svg viewBox="0, 0, 500, 500" xmlns="http://www.w3.org/2000/svg">

                <polygon class="decouverte" points="60 20, 60 40, 80 40, 80 20" />

            </svg>

    </div>

</div>