Bonjour
J'ai besoin de positionner 9 rectangles sur ma page HTML puis de les contrôler en JS après réception d'infos du serveur.
L'idée est de refléter à l'intérieur de chaque rectangle l'état d'ouverture de volets (ex 20%, 60%, fermeture,...)
Il me faut aussi les repérer (ex volet cuisine, salle,....)
J'ai trouver une solution pour les afficher sur ma page HTML de base:
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
        <canvas id="v1" width="50" height="100"></canvas>
        <canvas id="v2" width="50" height="100"></canvas>
        <canvas id="v3" width="50" height="100"></canvas>
        <canvas id="v4" width="50" height="100"></canvas>
        <canvas id="v5" width="50" height="100"></canvas>
        <canvas id="v6" width="50" height="100"></canvas>
        <canvas id="v7" width="50" height="100"></canvas>
        <canvas id="v8" width="50" height="100"></canvas>
        <canvas id="v9" width="50" height="100"></canvas>

J'ai bien compris que tout le contrôle doit se faire par JS.
Mais, est-il possible de contrôler individuellement chaque rectangle en mettant une variable, par exemple:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
let vn = "";
canvas = document.getElementById(vn);
Merci d'une aide éclairée.