blob: 0d5ab8958bda85e35d72f58b0943f2b1b504d310 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
<!DOCTYPE html>
<html>
<body>
<!--
This test makes sure that scrolling a normal sized canvas would correctly
scroll its contents. Normal sized canvases are accelerated, so this test
makes sure that the accelerated code path for this operaton 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="300" height="300" id="c"></canvas>
</div>
<script>
var ctx = document.getElementById("c").getContext("2d");
ctx.fillStyle = "red";
ctx.fillRect(0, 0, 300, 100);
ctx.fillStyle = "green";
ctx.fillRect(0, 100, 300, 200);
var container = document.getElementById("container");
container.scrollLeft = 10;
container.scrollTop = 110;
</script>
</body>
</html>
|
