Отразить PNG в SVG

Question

Я бы хотел перевернуть png-файл, который я встроил в мой встроенный SVG, поскольку содержащиеся в нем элементы приводят к его переворачиванию.Я попытался отредактировать элемент id = "path104", содержащий его, с помощью чего-то вроде transform: rotate (180deg);но это снимает это с экрана.

Код:

https://codepen.io/anon/pen/ZqBVjq

Сам PNG встроен в виде шаблона в id = "defs453".

<defs id="defs453">

    <pattern id="pattern-image-browser-filling" x="0" y="0" width="1" height="1">

      <image xlink:href="https://image.ibb.co/gtoOip/sdfgh.png" width="893.5" height="446.8"></image>

    </pattern>

  </defs>

Answer 1

Вам необходимо преобразовать изображение: масштаб (1, -1) для вертикального переворота.Затем переводите обратно переводите (0, -446,8)

<image transform="scale(1,-1) translate(0,-446.8)" xlink:href="image.ibb.co/gtoOip/sdfgh.png"; width="893.5" height="446.8"></image>