• 0

Canvas within iframe not working IE9

Asked by mikeaag,

 Share

Question

Rising Star

mikeaag

Posted
Posted

Hey,

I've got a simple canvas drawing script setup, so that a user can click and draw on the canvas (for signing a signature).

The canvas is then converted into an image and uploaded to the server.

To display this file on the site, i used an iframe.

This setup works fine in the chrome and firefox.

however, in IE9 im unable to draw on the canvas when its in an iframe.

If i access the file directly in IE9, the canvas works perfectly.

To start with i thought it was a javascript error, but IE9 isn't saying there are errors, and other js still functions on the page.

Is this a bug? a problem with my code? or just a problem with IE?

Any information on this would be greatly appreciated as im going crazy trying to fix this.

Thanks in advance,

Mike

2 answers to this question

Recommended Posts

  • 0
Rising Star

mikeaag

Posted
  • Author
Posted

Is the iframe hosted on the same (sub)domain as the main page? this would include making sure they're both http or https, as IE sees them as different domains and might be giving you issues because of that.

/guess

Thanks for the quick response :D

hmm... i dont think thats the problem here.

Im using a relative link for my iframe, plus non www. does not work currently and i dont have https.

The only way to access the site is http://www.mydomain.com

Having done some more debugging, i can see that the js is being called but its just not draw on the canvas.

I used code from an example posted on the opera blog.

http://jsfiddle.net/qugTs/ - code in an iframe - doesnt work in IE9 but does in Chrome

http://dev.opera.com/articles/view/html5-canvas-painting/ - original article

Anyone else got ideas on how to solve this?

Thanks in advance

Mike

This topic is now closed to further replies.
 Share
Go to question listing

  • Posts

    • Creative Sound Blaster AE-X PCIe review: your headphones will love it

      By Jaybonaut · Posted

      You can't, if you didn't notice, it doesn't support surround at all, it's right in the spec list.
    • Creative Sound Blaster AE-X PCIe review: your headphones will love it

      By cleverclogs · Posted

      Hi — I’m always interested in soundcards. Like displays, I just want to know I’m getting as much clean “sonic juice” into my brain as possible as the years take their toll. I’m not entirely sure what to take away from this review, though. It doesn’t really tell me whether the AE‑X is a good product or who it’s actually for. Most of what I’m getting is: there’s a driver to install, here’s what it looks like, and here’s what’s in the box. There’s a lot of emphasis on the SPDIF input. When you mention not needing to switch headphones between console and PC — does that mean the PC has to be powered on just to pass audio through? That seems like a fairly big waste of energy. Is this more something a streamer would use alongside a capture card? How are you testing the sound? (Also, you might want to clarify that you’re using the headphones in wired mode when you mention they’re wireless.) You mention the lack of EMI shielding — how much real‑world difference does that make compared with typical motherboard audio? On multi‑channel: what exactly isn’t supported? Does this mean Windows spatial audio (Dolby Atmos for Headphones, DTS Headphone:X, etc.) won’t work, or just that the card itself doesn’t decode surround formats? And are there any true multi‑driver “surround” headphones left that would even use that? You also highlight support for high‑impedance headphones — but what does that translate to in practice? How does it compare to driving the same headphones from a normal device, and does it make any difference for everyday, lower‑impedance models? In short, who is this card actually targeted at?
    • The Microsoft Office feature that time forgot

      By cleverclogs · Posted

      Yes, THIS is wordart, not the styling that can now be done. Wordart was all about those curvy words, that you could change the path of, like making words go around a circle. I don't think it can be done now, right?
    • Waymo recalls self-driving software after cars enter closed freeway work zones

      By RangerLG · Posted

      Just saw a news report of a Waymo driving into a flooded road.
    • Password Safe 3.72.0

      By Copernic · Posted

      Password Safe 3.72.0 by Razvan Serea Password Safe is a password database utility. Like many other such products, commercial and otherwise, it stores your passwords in an encrypted file, allowing you to remember only one password (the "safe combination"), instead of all the username/password combinations that you use. Once stored, your user names and passwords are just a few clicks away. Using Password Safe you can organize your passwords using your own customizable references—for example, by user ID, category, web site, or location. You can choose to store all your passwords in a single encrypted master password list (an encrypted password database), or use multiple databases to further organize your passwords (work and home, for example). And with its intuitive interface you will be up and running in minutes. PasswordSafe was originally designed by the renowned security technologist Bruce Schneier and released as a free utility application. Password Safe 3.72.0 changelog: Fixed bugs Improved font scale handling - should resolve font size issues on high resolution displays. GH1749 In the Master Password Setup window, "Show Master Password" is no longer truncated on some displays. GH1092, SF1595 Size and position of main window is now correctly restored on scaled displays. SF1630 Keep password expiry date when both password and password expiry are changed; don't clear a non-recurring expiry when the password's changed. SF1628 Custom values can now be copied to the clipboard in read-only mode via Ctrl-C and right-click->Copy Value. New features GH1196 Dark display mode support: Password Safe now supports the system display mode, as well as setting the mode directly via Manage->Options->Display->Display Mode. This change also updates the general "look & feel" of the app to the current Windows theme. Known limitations: The Date picker and keyboard shortcut controls do not switch to dark theme The Customize Toolbar dialog does not switch to dark theme Custom Field support has been added to the more advanced features: Filters XML and Text import and export Comparison, Sync and Merge databases SF938 Custom field values may now be selected by name and copied via a "Copy Custom Field Value..." submenu in the entry context popup menu. SF936 Notes and Custom fields layout now overlap, selectable by tabs, resulting in a more compact and less cluttered layout. SF935 Autotype: Specifying '\v{name}' in the autotype text will cause the corresponding value to be autotyped. Download: PasswordSafe 64-bit | Portable 64-bit | ~20.0 MB (Open Source) Download: PasswordSafe 32-bit | Portable 32-bit View: PasswordSafe Website | Quickstart Guide | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware

  • Recent Achievements

    • Dedicated
      Almohandis earned a badge
      Dedicated
    • Dedicated
      JuvenileDelinquent earned a badge
      Dedicated
    • First Post
      DrWankel earned a badge
      First Post
    • Reacting Well
      DrWankel earned a badge
      Reacting Well
    • Week One Done
      Supreme Spray LV earned a badge
      Week One Done

  • Popular Contributors

    1. 1
      +primortal
      503
    2. 2
      +Edouard
      170
    3. 3
      PsYcHoKiLLa
      88
    4. 4
      Steven P.
      76
    5. 5
      Michael Scrip
      74
    Show More

  • Tell a friend

    Love Neowin? Tell a friend!