Почему IE 11 не применяет стили SVG с внешним CSS? - PullRequest
Новая
       33

Почему IE 11 не применяет стили SVG с внешним CSS?

0 голосов
/ 18 марта 2019

Я рисую SVG путь внутри шаблона. Это выглядит хорошо для Chrome, Firefox и Edge, но IE 11 не отображает мой путь. Когда я начинаю использовать встроенные атрибуты, он отлично работает для IE 11, но выглядит не очень элегантно. Я хочу, чтобы мой код был кратким.

IE 11 не отображает мой path, если я использую следующий шаблон и внешний CSS. 

<svg:g>
    <svg:path [ngClass]="path.pathType === solid 
            ? 'solid-path'
            : 'dotted-path'" 
            [attr.d]="pathValue">
    </svg:path>
</svg:g>

Внешний CSS: 

.solid-path {
    stroke: blue;
    stroke-width: 2;
    fill: transparent;
}

.dotted-path {
    stroke: blue;
    stroke-dasharray: 3, 3;
    stroke-width: 2;
    fill: transparent;
}

Все работает нормально, если я использую следующий шаблон со встроенными атрибутами. 

<svg:g>
   <svg:path 
      stroke="blue"
      fill="transparent"
      [attr.d]="pathValue"
      [attr.stroke-dasharray]="path.pathType !== solid ? 3 : 0">
   </svg:path>
</svg:g>

Как я могу заставить IE 11 использовать стили из внешнего CSS вместо встроенных атрибутов? Заранее спасибо.

...