Как настроить изображения PNG в теге SVG?

Question

Я пытаюсь изменить цвет изображения png в теге SVG. У меня есть PNG прозрачных типов. Мне нужно настроить цвета в PNG в соответствии с цветом, выбранным пользователем. Как есть функции, где вы можете изменить цвета в разных частях. Так как это можно сделать? Кто-нибудь может мне помочь?

  <HoodieSvg
    backgound="red"
    width="800"
    height="800">
    <image href={lights} width="400" height="400" fill="#000"/>
    <image href={model} width="400" height="400" />
    <image href={shadows} width="400" height="400" />
  </HoodieSvg>

import React from 'react'

const HoodieSvg = (props) => {

return (
  <svg
    {...props}
    xmlns="http://www.w3.org/2000/svg"
  >
    {props.children}
  </svg>
)
}

 export default HoodieSvg

Answer 1

В отличие от обычных элементов SVG, я не думаю, что можно изменить цвет изображения PNG внутри тега svg. Согласно Mozilla do c, атрибутами svg / image являются x, y, ширина и высота