blob: e7a26ab8caeb8de227cdbe3a7a92c1b82538a9f0 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<!DOCTYPE HTML>
<html>
<body>
<div id="d" style="transform:scale(2); transform-origin:top left; border:10px solid black; height:100px; width:100px; overflow:hidden">
<canvas width="100" height="100" id="c" style="display:block"></canvas>
<div style="height:50px; background:blue;"></div>
<div style="height:50px; background:orange;"></div>
</div>
<script>
var c = document.getElementById("c");
var ctx = c.getContext("2d");
ctx.fillStyle = "yellow";
ctx.fillRect(0, 0, c.width, c.height);
var d = document.getElementById("d");
d.scrollTop = 75;
</script>
</body>
</html>
|
