SVG анимация в iOS 13,4 (Safari) с js - PullRequest
0 голосов
/ 01 мая 2020

Я видел эту ветку здесь SVG-анимация борется с Safari 13.1 (Ma c OS & IOS) , которая, кажется, решает вопрос «почему» не работает, но я не уверен, как измените мой код, чтобы добавить это предложение:

<object type="image/svg+xml" data="animation/some.svg">

Вот мой код ..

// Build HTML
    return html`
      <style>
      ${this.style()}
      </style>
      <ha-card class = "card">
        <span class="icon bigger" id="icon-bigger" style="background: none, url(${this._hass.hassUrl("/local/icons/weather_icons/" + (this.config.static_icons ? "static" : "animated") + "/" + this.weatherIcons[this.current.conditions] + ".svg")}) no-repeat; background-size: contain;">${this.current.conditions}</span>

также здесь я также хочу добавить код для анимированных иконок:

           <div class="forecast clear">
              ${this.forecast.map(daily => html`
                <div class="day fcasttooltip">
                  <span class="dayname" id="fcast-dayName-${daily.dayIndex}">${(daily.date).toLocaleDateString(this.config.locale,{weekday: 'short'})}</span>
                  <br><i class="icon" id="fcast-icon-${daily.dayIndex}" style="background: none, url(${this._hass.hassUrl("/local/icons/weather_icons/" + (this.config.static_icons ? "static" : "animated") + "/" + this.weatherIcons[this._hass.states[daily.condition].state] + ".svg")}) no-repeat; background-size: contain;"></i>

У меня есть значки SVG, которые отлично работают и работают в chrome на P C.

Спасибо за любую помощь

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...