blob: 65dcb62342b7b9e441c2a575c23c136df70b99c6 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<!DOCTYPE html>
<html>
<body>
<canvas id="A" width=200 height=50></canvas><br />
<canvas id="B" width=200 height=50></canvas>
<script>
var canvasA = document.getElementById("A"),
ctxA = canvasA.getContext('2d'),
canvasB = document.getElementById("B"),
ctxB = canvasB.getContext('2d'),
width = canvasA.width,
height = canvasA.height;
ctxA.fillStyle = 'green';
ctxA.fillRect(0, 0, width, height);
ctxB.drawImage(canvasA, 0, 0);
ctxA.fillStyle = 'red';
ctxA.fillRect(0, 0, width, height);
</script>
</body>
</html>
|
