Issue: Display problems when two more SVG files are inserted onto a single slide

If you insert two or more SVG images into a single Captivate slide, there could be display issues when published to HTML5.

For example, colors are interchanged between the SVG images in the HTML5 output.

Solution

This problem occurs if the two images share common properties.

To fix this issue, open the SVG file in Illustrator and save the image again. Ensure that the CSS properties in the SVG options dialog box are set to Presentation Attributes.

Saving an image in Illustrator
Saving an image in Illustrator

Saving an SVG with the CSS properties set to Presentation Attributes is a recommended best practice.

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Twitter™ and Facebook posts are not covered under the terms of Creative Commons.

Legal Notices   |   Online Privacy Policy