Imported SVG from Edge Animate not rendering properly in Safari

Hi,
We are having problems with an animation we created in Edge Animate, when we import it into Adobe Muse and then view it in Safari it becomes jagged and doesn't render properly.
It works perfectly on Chrome, Firefox and when using a retina screen.
We are using CC 2014 version now, previously when we used the old version of CC it worked on all browsers.
Is there any settings we need to change when exporting from Edge or importing into Muse?
Here is the link to the Animated SVG: Spining Wheel

Thanks vivekuma that seems to work now using the below steps.
1. In "Position and Size" subsection of the property panel, note down somewhere, the values of "X", "Y", "W" & "H" of an svg file used on stage.
2. In "Transform" subsection of the property panel, change the CSS Transform ScaleX and ScaleY from 10% to 100%.
3. The above change will change the values for "X", "Y", "W" & "H". So, you have to set their values as you have noted down in the first step.
4. Repeat the first 3 steps for every svg file used on stage.

Similar Messages

  • Include an interactive Youtube player in Edge Animate - Not working properly!

    Hi folks!
    I am working on a new project which is based on a interactive web video.
    In the Edge Animate proyect I have implemented a Youtube fullscreen player which has interactivity. On the one side, in the Edge project I have included a JS which contains the definition of the Youtube player API and all its functions in order to enable the interactivity. On the other side, in the HTML which creates Edge Animate I have included the div for the player and some buttons to play and stop the Youtube video.
    When I launch the website using Edge Animate everything works fine, but when I open the HTML file without Edge Animate, the Youtube player is not being defined (the player div is empty). I think the problem may be related to the external JS file in the Edge project.
    I don't recognise why this external JS with the Youtube functions only load when it is launched from the Edge Animation app.
    My aim is to load this project as a OAM file at the end in Wordpress with the Youtube player and its interactivity included.
    Need help for this issue! Does some know how to fix it?
    Conclusion:
    Fullscreen animation with Youtube Player as background with some buttons in the HTML project file to play and stop the youtube video. Youtube API functions inside an external JS file and included in the Edge Animate project. Only works when the animation is launched with Edge Animate. If the HTML file is open directly, Youtube player is empty.
    PD: I have attached some images in order to offer a clearer vision of this problem.

    Actually yes...!
    Failed to load resource: net::ERR_FILE_NOT_FOUND file://www.youtube.com/player_api
    But why only when opening the HTML directly...?
    There is another error...maybe this is the problem source:
    Uncaught SecurityError: Blocked a frame with origin "https://www.youtube.com" from accessing a frame with origin "http://localhost:54321". The frame requesting access has a protocol of "https", the frame being accessed has a protocol of "http". Protocols must match.

  • Importing photos from Photo Stream not working properly

    I've been trying to work out a way to import photos on my iMac and have Photo Stream push them to my MacBook so they end up in the same Event on both computers. If I have Automatic Upload turned on, the photos I import on my iMac get uploaded to Photo Stream before I get a chance to place them into my intended Event. So I tried turning Auto Upload off, importing photos, placing them into their proper Event, turning Auto Upload back on, and then dragging them to Photo Stream to upload them.
    First, it seems like there should be an easier way. But also unfortunately, even though Help in iPhoto 11 (9.2) seems to say this should work (see below), my photos end up in my MacBook's Photo Stream folder, but not in the Event (with Automatic Import turned on on my MacBook). This is what is written in the Help documentation -
    Note:  If iPhoto automatically imports a Photo Stream photo that was originally uploaded from a different iPhoto library, or from an Aperture library, iPhoto adds the photo to the Event that matches the one in the original library. If a matching Event isn’t in the destination library, iPhoto creates a new Event with the same name.
    I wasn't able to find the photos anywhere in my MacBook Events. As indicated in the note above, they should have been automatically placed in a matching Event of the iMac's library. Any help is much appreciated.

    Ever since I went to the cloud all of my new photos have show up in photo stream. I had hoped it would sync and update the events in Photos, no luck. I also uploaded a numbers document to iWork and and could only access it through Safari. The only option I had to actually open it on my iPad was 'open in iBooks'. Really! There's been other occasions of rocky starts so I hope iCloud improves. It has too.

  • Fonts not rendering properly in Safari 3.1 (5525.13) in Leopard

    Most web pages are coming out with strange line spacing -- letters squished together of far apart or completely missing. When I change default font sizes in preferences, it will help one page and cause another to render illegibly. I have my Standard Font set at Times New Roman 12. Should I be using a different version of Times. I just checked and even changing fonts completely doesn't solve the issue.

    I'm not experiencing your problems but the Standard font in Safari is set to Times 16 and Fixed-width font is set to Courier 13.
    See if that helps.

  • Snap.svg in Edge Animate

    Hi, everyone,
    I'm trying to use Snap.svg.js in my EA composition to animate some svg elements. Does anyone know if this is possible? That is I want, to access an svg graphic created in Ai to animate it, but EA wraps it in a div and I need to be able to get inside of this div to access the graphic to use
    Snap("svgGraphic")
    Then change some of the attributes.

    I recommend Edge Commons (Edge Commons - Extension Library for Edge Animate and Edge Reflow | EdgeDocks.com) for this, it makes the whole thing really simple! There's a description of how to use it on the website but to give you a rough idea of whats required:
    Add onmouseover/onmouseout events to each State in your svg using the SVG Interactivity palette in Illustrator, e.g. onmouseover=notify(this, "over"); onmouseout=notify(this,"out");
    Import the svg into Edge Animate then use the following code to pick up the notify() value and run your mouseover and mouseout functions:
    EC.SVG.accessSVG(sym.$("map")).done(
      function(svgDocument){
    svgDocument.addEventListener("over", function(event) {
    sym.setVariable("overPart", event.target);
    var stateOver = sym.getVariable("overPart");
    stateOver.style.opacity=0.2;
    svgDocument.addEventListener("out", function(event) {
    sym.setVariable("outPart", event.target);
    var stateOut = sym.getVariable("outPart");
    stateOut.style.opacity=1.0;
    You can also select svg elements by ID from within your Edge composition, e.g. $("#florida", svgDocument).css({'opacity':'0.2'});

  • How do I pass a variable from edge animate to an external JS?

    I need to pass a variable value from Edge Animate to an external JS file. How can I do it?

    Not sure if this is the best way ,but works
    Set the variable as a property of a global variable
    Like
    SET
    window.myVar = 'your value';
    AdobeEdge.myVar = 'your value';
    Read
    window.myVar
    AdobeEdge.myVar

  • MyFaces schedule component is not rendering properly.

    Hello everybody.
    I am trying to use the Tomahawk schedule component with Jdeveloper 10.1.3.2. It is not rendering properly.
    The schedule entries and the header line are mising for weeks.
    I removed the default-render-kit-id element from the faces-config.xml. Nothing changed.
    Used versions:
    - Jdeveloper 10.1.3.2
    - myFaces 1.5.1
    - tomahawk 1.5.1
    Any suggestions?
    Thanks.

    Hi,
    did you post this question on the MyFaces open source list?
    Frank

  • Can you make an animated gif from edge animate?

    Can you make an animated gif from edge animate?

    not natively. edge exports html and javascript files, not video files, or frames.
    however, you could use a third-party program that has a video screenshot function and make one that way.

  • Is it possible to make a video preview and export it from edge animate?

    is it possible to make a video preview and export it from edge animate?

    Hi Johan,
    If you are looking to export video through Edge Animate.
    Well, there is no direct way to do it but you could use a screen recorder to make an mp4. Then you can import the mp4 in PS and if you have the plugin for gif then you just save aa a gif.
    Regards,
    Devendra

  • The drop-down menu is not rendered properly with iframe where a pdf is embedded

    I want to embed a pdf in a webpage, where the drop-down menu needs to be displayed on the top of the pdf. I am using iframe to embed the pdf.
    The drop-down menu is not properly rendered (border-radius and box-shadow) in Firefox at http://mysite1.webege.com/test.html.

    *[https://bugzilla.mozilla.org/show_bug.cgi?id=779435 bug 779435] - the drop-down menu is not rendered properly with iframe where a pdf is embedded
    It is usually best to attach a minimal test case to the bug report.<br />
    In that case the code doesn't get lost if the page is removed from the server.

  • Can we import Flash into Edge Animate

    Hi
    I would like to know if we can import Flash animation into Edge Animate and into Muse

    Hi Dan,
    There is no such workflow as far as I know. However, Animate does support native HTML5 videos.
    Edge Animate Help | Add video to animations
    Also see Add engaging content from Edge Animate and Flash | Adobe Muse CC tutorials
    Thanks,
    Preran

  • Crystal report not rendering properly on Mozilla ?

    Hi,
    We are using VS2008,CR2008 on server 2012. In Chrome & IE CR working properly.
    But when I am using Mozilla with updated version not rendering properly.

    This is an old version of this issue that might give some insight:
    *[http://stackoverflow.com/questions/19768144/crystal-report-v10-5-toolbar-not-visible-on-firefox-but-visible-on-ie-and-chrome]
    also (but I am not sure what version you are using): " CR 10.5 is one of the versions that was not updated to support IIS7." from [http://www.experts-exchange.com/Database/Reporting/Crystal_Reports/Q_28350929.html]
    It might be ideal to ask a developer in stackoverflow.com or file a bug with webcompat.com for expert investigation for crystal reports. I am sorry I could not be more helpful.

  • Fonts not rendering properly. Am I missing something?

    I have PS Elements 10 for Mac. I've been trying to figure out why my text is not rendering properly. I type out a word and although caps lock is OFF, the text shows up in all caps. Also, the spacing between letters is wide. I've been trying to search through help and options, but can't find anything. Does anyone have any suggestions on what could be wrong?

    At the far left of the options bar is a tiny triangle. Click it and choose Reset Tool from the popout menu.

  • Graphs not rendering properly

    I am using Discoverer 4i with Oracle Applications 11i
    Hosted on Linux Redhat
    All my graphs that come with Oracle BI Intelligence workbooks are Not rendering properly on the client side (Graphs come as .gif from the server). The[b] graphs display in dark green and black color (and not readable).
    e.g.
    Customer Intelligence (responsibility) -> Customer Intelligence Overview
    Supplier Performance (responsibility) -> Supplier Performance
    Any idea why / fix for this issue?
    Thanks in advance for your help.

    For Your Info: I found the fix on Metalink Note ID: 341637.1

  • Command links are not rendering properly in panel collection toolbar facet

    Hi
    I am using jdev 11.1.2.3.0
    I added toolbar component to the toolbar Facet of panel collection component .
    Under the tool bar I added two command link components with name create and delete,
    the problem is at run time the buttons are not rendering properly,they are hiding,instead of links
    this symbol(>>) is displaying.
    On clicking the symbol,I am able to see the links,I used <af:spacer> after the links but not worked.
    what I have to do to render the links properly in the panel collection toolbar facet

    Hi Timo
    This is the code and I am using 11.1.2.3.0
         <f:facet name="toolbar">
                    <af:toolbar id="t1">
                            <af:commandImageLink icon="#{resource['images:create.png']}" text="Create" id="cbInsert">
                            <af:showPopupBehavior popupId="p1"/>
                        </af:commandImageLink>
              </af:toolbar>

Maybe you are looking for