디자이너가 제공한 png 이미지가 svg와 호환되지 않으면 사용하라고 했고, svg와 호환되면 svg를 사용하라고 했습니다. 이 호환성 문제에 대해 다음과 같이 작성된 Zhang Xinxu의 블로그를 보았습니다.

<svg width="96" height="96">
<image xlink:href="svg.svg" src="svg.png" width="96" height="96" />
</svg>

그러나 이렇게 쓰고 마우스를 svg로 이동하고 채우기 색상을 설정하면 아무 효과가 없다는 것을 알았습니다. 이제 svg 태그를 사용하여 아래와 같이 작성합니다

이렇게 쓸 때 색상 변경도 가능한데, 이렇게 쓸 때 어떻게 호환되게 만들 수 있나요? . svg와 호환되는지, svg와 호환되지 않고 그림을 사용하는지에 관계없이 마우스를 통과할 때 색상이 변경될 수 있도록 어떻게 처리해야 합니까? 고마워요 친구들