как менять цвет секций изображения svg?

кто-то, кто помогал бы мне, давая мне соединение или пример, они дали мне карту одной область, и хотят, что на управляемой веб-странице, администратор смог менять цвет неких секций, все зависит, если уже они сдались, или даже не, у меня нет самой минимальной идеи как делать нечто похожее. помоги пожалуйста

0
задан 20.02.2019, 08:37
1 ответ

Это пример, в котором, кликнув в одном polГ-gono он aГ±ade или он лишает его класса alquilado. Я представляю себе то, что это polГ-gonos в действительности объекты, и что, изменив класс, он меняет tambiГ©n статус этого объекта. Вероятно querrГЎs сохранять это в базе данных. Все зависит от того, что у тебя есть

let polygons = Array.from(svg.querySelectorAll("polygon"));

polygons.forEach(p=>{
  p.addEventListener("click", ()=>{
    if(!p.alquilado){
    p.classList.add("alquilado");
    p.alquilado = true;
    }else{p.classList.remove("alquilado");
         p.alquilado = false;}
  })
})
polygon{fill:green; }
polygon.alquilado{fill:gold;}
<svg id="svg" viewBox="300 1150 270 200">

    <polygon id="a" stroke="#000" 
             points="339 1265.26 351.666 1240.334 390.334 1227.223 408.334 1278.111 365 1294.111 346.556 1286.778"/>
    
    <polygon id="b" stroke="#000" points="390.334 1227.223 445.444 1209.89 463.307 1265.26 408.334 1278.111"/>
 
    <polygon id="c" stroke="#000" points="445.444 1209.89 502.777 1199 509 1258.334 493.765 1258.334 463.307 1265.26"/>


</svg>
2
ответ дан 19.11.2019, 23:23
  • 1
    это - точно то, что я хочу, уже только не хватало бы, как база данных сохраняет статус enuna – Dario Quiroz 21.02.2019, 08:09