Проблема с svg в браузере safari

423
04 апреля 2017, 09:42

В браузере safari, не отображается часть svg с linear gradient, в остальных браузерах все отлично работает

    <svg width="32" height="26" viewBox="0 0 32 26" xmlns="http://www.w3.org/2000/svg"> 
          <title>Group</title> 
          <defs> 
            <linearGradient x1="50.04%" y1="100%" x2="50.04%" y2="0%" id="a"> 
              <stop stop-color="#C44B52" offset="0%"/> 
              <stop stop-color="#D14D53" offset="13.02%"/> 
              <stop stop-color="#E04F54" offset="34.09%"/> 
              <stop stop-color="#E85055" offset="59.42%"/> 
              <stop stop-color="#EB5055" offset="100%"/> 
            </linearGradient> 
          </defs> 
          <g fill-rule="nonzero" fill="none"> 
            <path fill="#EB5055" d="M32 13H7.602L0 26h24.438"/> 
            <path fill="url(#a)" d="M24.438 0H0l7.602 13H32"/> 
          </g> 
        </svg>

READ ALSO
Как сделать вывод постов с разными размерами превью в wp?

Как сделать вывод постов с разными размерами превью в wp?

Добрый день, подскажите как реализавать вот такой вывод постов:

234
Не получается прикрутить графики

Не получается прикрутить графики

Мне нужно научиться строить графикиДля этого я загуглил несколько библиотек и выбрал из найденных то, что мне показалось проще: uvharts

221
Почему не работает background-image?

Почему не работает background-image?

Проект написан на ларавель resources/views/welcomeblade

227
Как с помощью регулярок добавить html class?

Как с помощью регулярок добавить html class?

Есть html-текстПривожу кусок

204