html2canvas não baixar a imagem com o firefox - javascript, html, canvas

Eu estou usando html2canvas, e eu tento baixar o div como imagem

funciona bem no google chrome mas em fire fox não é

este é meu código

  <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.5.0-beta4/html2canvas.js"></script>
<script type="text/javascript">
$("#save_image_locally").click(function(){
html2canvas([document.getElementById("#mydiv")],
{
onrendered: function (canvas) {
var a = document.createElement("a");
a.href = canvas.toDataURL("image/png");
a.download = "somefilename.jpg";
a.click();
}
});
});
</script>

Respostas:

Este é um exemplo prático: https://jsfiddle.net/obkm27v5/4/

$(document).ready(function() {
$("#save_image_locally").click(function(){
html2canvas([document.getElementById("mydiv")],
{
onrendered: function (canvas) {
var a = $("<a>").attr("href", canvas.toDataURL("image/png"))
.attr("download", "output.png")
.appendTo("body");
a[0].click();
a.remove();
}
});
});

Você precisa adicionar a tag de âncora ao DOM antes de clicar. Havia também um id errado no seu seletor de tela