Почему SVG Mask будет работать на продакшене, а не на постановке? - PullRequest
Новая
       41

Почему SVG Mask будет работать на продакшене, а не на постановке?

0 голосов
/ 10 июля 2020

У меня есть SVG, который включает клип-путь с маской, код для svg находится прямо на странице (в отличие от того, чтобы быть вызванным как img). У меня действительно странная проблема, когда на производственном сервере svg отображается полностью правильно, но на промежуточном сервере все, что находится за пределами маски, отображается правильно, но все в маске не отображается вообще. Я трижды проверил, что код абсолютно одинаковый в обеих средах.

Когда я наводил курсор на сломанную замаскированную часть в инспекторе, он выделял ее, чтобы показать, что размер правильный и это явно объект это есть, но ни одна из заливок не отображается, независимо от того, что я делаю с любым из путей в svg.

Я даже не уверен, где начать искать ответы на это, есть ли у кого-нибудь руководство?

это примерно так, в псевдокоде: 

<svg>
  <path></path> // works both in production and in staging
  <path></path> // works both in production and in staging
  <g clip-path="url(#clip-0)">
    <mask> //nothing within this mask tag works in staging, but it does work in production
      <rect></rect>
      <path></path>
    </mask>
  </g>
  <defs>
    <clipPath id="clip-0">
      <rect>
    </clipPath>
  </defs>
</svg>
...