<body>
    <canvas width="500px" height="2000px"></canvas>
    <script>
        var canvas = document.querySelector('canvas')
        var ctx = canvas.getContext('2d')
        ctx.fillStyle = "rgb(200, 0, 0)"
        ctx.fillRect(0, 0, 100, 100)
        ctx.fillRect(400, 0, 100, 100)
        ctx.fillRect(0, 1000, 100, 100)
    </script>
</body>

上記のhtmlでは、縦2000px、横500pxのcanvasを表示しています。
これを印刷すると、ブラウザによって挙動が違います。

  • Google Chrome(40.0.2214.115) 2ページ目が印刷される。下端の四角は次のページに表示
  • Firefox(35.0.1) 2ページ目が印刷されない。下の四角は表示されない

FirefoxでChromeのように、画像のはみ出した部分を次ページに印刷する方法はありませんか?