Как я могу отобразить изображение SVG с элементом "<filter>" в Cumulocity? - PullRequest
0 голосов
/ 15 апреля 2020

Я проектирую SCADA с использованием SVG для использования в платформе IoT Cumulocity, я создал простое изображение SVG и загрузил его в качестве виджета SCADA своему арендатору. Однако при обновлении виджета изображением SVG, в котором используются фильтры (для улучшения внешнего вида SCADA), ни один из эффектов фильтров, по-видимому, не отображается, фактически это оставляет изображение пустым. Когда я открываю одно и то же изображение из моего браузера, оно прекрасно воспроизводится без каких-либо проблем.

Есть идеи, что может быть причиной этого? Я попытался объединить различные узлы фильтра без успеха. Вот пример определения фильтров:

   <defs>
    <filter id="E1" x="21" y="98" width="110" height="110" filterUnits="userSpaceOnUse">
      <feOffset dy="3" in="SourceAlpha"/>
      <feGaussianBlur stdDeviation="3" result="blur"/>
      <feFlood flood-opacity="0.8"/>
      <feComposite operator="in" in2="blur"/>
      <feComposite in="SourceGraphic"/>
    </filter>
    <filter id="E2" x="169" y="98" width="110" height="110" filterUnits="userSpaceOnUse">
      <feOffset dy="3" in="SourceAlpha"/>
      <feGaussianBlur stdDeviation="3" result="blur-2"/>
      <feFlood flood-opacity="0.8"/>
      <feComposite operator="in" in2="blur-2"/>
      <feComposite in="SourceGraphic"/>
    </filter>
    <filter id="R1" x="35" y="206" width="230" height="58" filterUnits="userSpaceOnUse">
      <feOffset dy="3" in="SourceAlpha"/>
      <feGaussianBlur stdDeviation="3" result="blur-3"/>
      <feFlood flood-opacity="0.8"/>
      <feComposite operator="in" in2="blur-3"/>
      <feComposite in="SourceGraphic"/>
    </filter>
  </defs>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...