MobileRead Forums - View Single Post - SVG & Layout fun

ldolse · 02-02-2011, 10:38 AM

I'd tried something like that when it was a div with an inline SVG, and that didn't work, but it may well work with the <img> tag. I'll give it a shot just to see.

Actually I just found another solution which seems to work perfectly, i.e. use <object> instead of <img>:

Code:

  <div class="scenebreak">
    <object class="scn_img" alt="*" data="../Images/Star.svg" type="image/svg+xml">
      </object>
  </div>

I would like to get a better understanding of all these different ways one can insert an SVG - font, object, img, inline - any others? I'm not talking about technically how-to so much as best practices to use one technique vs. another.

02-02-2011, 10:38 AM	#10
ldolse Wizard Posts: 1,337 Karma: 123457 Join Date: Apr 2009 Location: Malaysia Device: PRS-650, iPhone	I'd tried something like that when it was a div with an inline SVG, and that didn't work, but it may well work with the <img> tag. I'll give it a shot just to see. Actually I just found another solution which seems to work perfectly, i.e. use <object> instead of <img>: Code: <div class="scenebreak"> <object class="scn_img" alt="*" data="../Images/Star.svg" type="image/svg+xml"> </object> </div> I would like to get a better understanding of all these different ways one can insert an SVG - font, object, img, inline - any others? I'm not talking about technically how-to so much as best practices to use one technique vs. another.