Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript jQuery Basics (2014) Creating a Simple Drawing Application Perfect

Posted by johnathanmyers
johnathanmyers
19,994 Points

Drawing on the canvas in Google Chrome works great but in Mozilla Firefox drawing on the canvas does not work.

By "does not work" I mean that nothing is being drawn onto the canvas. I was getting a warning in the Firefox developer console about the metadata and fixed that by adding the <meta charset="UTF-8"> line to the top of the index.html doc but it didn't have anything to do with the canvas drawing not functioning.

I'm assuming this is a cross browser support for canvas thing. I haven't really looked into it much yet, just thought I'd point it out.

2 Answers

Christopher Aporta
Christopher Aporta
24,258 Points

Hey Johnathan,

This is because offsetX and offsetY aren't supported by Firefox. You can find some proposed workarounds on StackOverflow here.

Good luck!

Chris

Marcus Parsons
Marcus Parsons
15,719 Points

Marked as best answer

johnathanmyers
johnathanmyers
19,994 Points
johnathanmyers
johnathanmyers
19,994 Points

Thanks Christopher!