2

I'm working on a script, and a small part of that involves taking a canvas and converting it to a downloadable image. To do this, I do:

var thumb_jpeg = thumbnail.toDataURL("image/jpeg");
$("#" + options.dest).attr('src',thumb_jpeg);

...where thumbnail is a canvas tag and options.dest is the name of an img id.

This code works perfectly in Chrome, but when I try it in Firefox, Firebug throws up this error:

Security error" code: "1000
var thumb_jpeg = thumbnail.toDataURL("image/jpeg");

I would link to the whole script, but everything is hosted on my computer. Does anyone have any idea what this might mean?

Thanks! Jeff

Jonas
  • 121,568
  • 97
  • 310
  • 388
Jeff
  • 23
  • 1
  • 1
  • 3

2 Answers2

2

Friend, this way works perfectly:

document.querySelector('#mycanvas').toDataURL();
juanpa.arrivillaga
  • 88,713
  • 10
  • 131
  • 172
user3817470
  • 21
  • 3
2

I believe it may be because you have it hosted on your computer. Are you working directly from your local filesystem or are you working on a local server like MAMP or WAMP? I had this security code pop up on me before and it was alleviated when I moved my files from my hard drive on to a server.

Scott Christopherson
  • 592
  • 5
  • 14
  • Just running it locally, no server (since its just javascript). Uploaded it to a server, and what do you know... Problem solved! Thanks Scott! – Jeff May 27 '10 at 22:09