Skip to main content

Browse the archive

https://github.com/mozilla/gecko-dev
16 June 2024, 00:10:27 UTC
Raw File
Tip revision: bf0ccace8b671cc93a381640eaa75ed025427239 authored by ffxbld on 19 November 2015, 10:46:23 UTC
Added FENNEC_42_0_1_RELEASE FENNEC_42_0_1_BUILD1 tag(s) for changeset a73c4abecdd0. DONTBUILD CLOSED TREE a=release
Tip revision: bf0ccac
632781-verybig.html 
<!DOCTYPE html>
<html>
  <body>
    <!--
      This test makes sure that scrolling a huge canvas would correctly scroll
      its contents.  We don't accelerate extremely large canvases because of
      GPU maximum texture size limits, so this test makes sure that the
      non-accelerated code path for this operation works correctly.

      The padding in this test is added mostly to make sure that scrollLeft/Top
      correctly skip the padding.
    -->
    <div id="container" style="width: 100px; height: 100px; padding: 10px; overflow: hidden">
      <canvas width="10000" height="10000" id="c"></canvas>
    </div>
    <script>
      var ctx = document.getElementById("c").getContext("2d");
      ctx.fillStyle = "red";
      ctx.fillRect(0, 0, 10000, 5000);
      ctx.fillStyle = "green";
      ctx.fillRect(0, 5000, 10000, 5000);
      var container = document.getElementById("container");
      container.scrollLeft = 10;
      container.scrollTop = 5010;
    </script>
  </body>
</html>
back to top