Свойство SVG Path Fill не работает должным образом - PullRequest
Новая
       32

Свойство SVG Path Fill не работает должным образом

0 голосов
/ 08 января 2019

пожалуйста, посмотрите на этот код и дайте мне знать, где я ошибаюсь, свойство fill не работает? Это должно имитировать сигнал поворота автомобиля.

Я проверил, и, похоже, это правильное использование свойства fill, но оно не работает должным образом. Также я пробовал с очень простым путем, таким как треугольник, и это сработало - так что же уникального в этой форме, если путь = путь? 

function trafficLighttoggle() {
    var pth = document.getElementById("pth");

    if (pth.classList == "traffic") {
        pth.classList = "white";
    } else {
        pth.classList = "traffic";
    }
}

setInterval(trafficLighttoggle, 500);
.traffic {
    stroke: #ffbf00;
    stroke-width: 1px;
    fill: #ffbf00;
    fill-opacity: 1;
}

.white {
    stroke: white;
    stroke-width: 1px;
    fill: white;
    fill-opacity: 1;
}
<svg overflow="visible">
    <path id="pth" class="traffic" d="M160,90 L210,50 M210,50 V70 M210,70 H290 M290,70 V120 M290,120 H210 M210,120 V140 M210,140 L160,90 Z"/>
</svg>

1 Ответ

0 голосов
/ 08 января 2019

Я выяснил, что не так с моим кодом, у меня неправильный генератор пути, это должно было быть 

<path id="pth" class="traffic" d="M160,90 L210,50 V70 H290 V120 H210 V140 Z"/>

Так что теперь это решено.

Спасибо.

...