Results 1 to 2 of 2

Thread: svg assets in animator should be <embed> not <img>

Hybrid View

Previous Post Previous Post   Next Post Next Post
    You found a bug! We've classified it as ANIM-997 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha User
    Join Date
    Nov 2011
    Posts
    1
    Vote Rating
    0
      0  

    Default svg assets in animator should be <embed> not <img>

    When creating animations for iBook, svg images must not be in <img> tags. <embed> tags seem to work correctly.

    svg images are not visible in widgets in iBook web pages if they are displayed using an <img> tag, svg images displayed via the <embed> tag work.

    I've been able to get animated svg widgets to work in iBook with Sencha Animator, but you must to hack the generated index.html to have the svg images included with an <embed> tag vs. the <img> tag that Sencha generates.

    If you look toward the bottom of the Sencha generated html, you will find <div> tags for each asset. For example, svg image tags like this:

    <div id="an-obj-9"><div><img height="80" width="68" src="assets/fish.svg"></div></div>

    Need to be modified like so:

    <div id="an-obj-9"><div><embed height="80" width="68" src="assets/fish.svg"></div></div>

    I haven't investigated the implications of changing <img> tags to <embed> tags this way, so your mileage my vary.

    There are a number of permutations for displaying and scaling svg images on a web page. I found a post on edutechwiki.unige.ch helpful in this regard, see http://edutechwiki.unige.ch/en/Using...HTML5_tutorial. Information at http://sci-fi-o-rama.net/jquery_mob_...ascript_2.html is also very helpful.

  2. #2
    Sencha User arnebech's Avatar
    Join Date
    Jun 2010
    Posts
    498
    Vote Rating
    10
      0  

    Default

    Thanks for the report! I have opened an issue for it in our tracker.

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •