2개 이상의 SVG가 단일 Captivate 슬라이드에 있을 때 발생하는 표시 문제

2개 이상의 SVG 이미지를 한 Captivate 슬라이드에 삽입하여 HTML5로 게시하면 표시 문제가 발생할 수 있습니다.

예를 들어, HTML5 출력에서 SVG 이미지 간에 색이 교환됩니다.

해결 방법

두 이미지가 공통 속성을 공유하면 이 문제가 발생합니다.

이 문제를 고치려면 Illustrator에서 SVG 파일을 열어 이미지를 다시 저장합니다. SVG 옵션 대화 상자에 있는 CSS 속성이 프레젠테이션 속성으로 설정되어야 합니다.

CSS 속성을 프레젠테이션 속성으로 설정하고 SVG를 저장하는 것이 권장되는 모범 사례입니다.