I have been importing SVGs as pass-through graphics in order to have resolution independent graphics on retina displays, and they look great on my iPad.
The issue I have is that when I “Fit Box to Content,” I get scroll bars on the webpage around the graphic (in Safari and Chrome on my Mac), and the image is clipped on my iPad.
I found that making the HTML item 16 pixels wider and taller than the image I import eliminates the scroll bars. Is there a way around this? I would like the containing HTML item to be no bigger than the graphic itself.
I referred to the following KnowledgeBase article for pass-through SVGs:
I have loaded an SVG graphic (html item, pass through) which previews locally in all browsers but when uploaded displays only the code.
Any idea what I’m doing wrong?
I gave up on placing the image and instead placed the code from Adobe Illustrator into an html frame. I used the action source code snooper to tweak the position.
Here’s the link.
I think you may have needed to set the SVG MIME type on your server. This can be done in various ways, the most common is through a .htaccess file, though this depends on your server and web-host.
On 29 Jan 2013, at 21:27, Bruce email@hidden wrote:
I gave up on placing the image and instead placed the code from Adobe Illustrator into an html frame. I used the action source code snooper to tweak the position.
Here’s the link. Www.brucedaly.com